/* css cascading style sheet for the In-Cell Calculator Web Site */
/* Huw Lloyd */
/* (c) Humar Consulting Inc. 2007, 2008 */
/* v0.2 */

/* Written to meet xtml 1 transitional standards */

/* General characteristics for the page */
/* Page has light-grey background */
/* Verdana is the preferred font - good for web viewing */
/* but Arial is a reasonable and widely available alternative */

html
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-size: 98%;
	color: black;
	background-color: #eaeaea;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-size: 98%;
	color: black;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #eaeaea;
}

/* Fonts for specific headings and lines */

h1		{ margin-top: 22pt; margin-bottom: 0pt; font-family: arial; font-size: 18pt; font-weight: bold; text-align: center; }
h2		{ margin-top: 16pt; margin-bottom: 16pt; font-family: arial; font-size: 12pt; font-weight: bold; }
h3		{ margin-top: 8pt; margin-bottom: 8pt; font-family: verdana; font-size: 10pt; font-weight: bold; }
h4		{ margin-top: 4pt; margin-bottom: 4pt; font-family: verdana; font-size: 14pt; font-weight: bold; }
h5	     	{ margin-top: 3pt; margin-bottom: 3pt; font-family: arial; font-size: 9pt; font-weight: 400;}
h6		{ margin-top: 0pt; margin-bottom: 0pt; font-family: verdana; font-size: 10pt; font-weight: bold; }
p		{ margin-top: 2pt; margin-bottom: 2pt; font-family: verdana; font-size: 10pt; font-weight: 400; }
a		{ margin: 0; border-width: 1px 1px 1px 1px; font-family: verdana; font-size: 0.9em; font-weight: 400; }
ul		{ margin: 0; border-width: 1px 1px 1px 1px; font-family: verdana; font-size: 0.9em; font-weight: 400; }
hr 		{ border: 2px; padding: 0; margin: 2px; }


/* Classes of text */

p {
text-align : left;
}
p.c {
text-align : center;
}
p.r {
text-align : right;
}
p.dispbox {
color : white;
position : relative;
top : 20px;
}
#listing p.yellow {
color: yellow;
}
#listing p.I1 {
color: yellow;
position: relative;
left: 25px;
}
#listing pre.yellow {
color: yellow;
}
h2 {
text-align : left;
}
h2.c {
text-align : center;
}
h2.r {
text-align : right;
}
h2.white {
text-align : left;
color : white;
}
h3 {
text-align : left;
}
h3.c {
text-align : center;
}
h3.r {
text-align : right;
}
h3.white {
text-align : left;
color : white;
}
h4.c {
text-align : center;
}
h5 {
color : #444444;
text-decoration : none;
}
h5.c {
text-align : center;
} 
h6.grey {
text-align : center;
color : #222222;
background : #666666;
width : 325px;
}
h6.greywide {
text-align : center;
color : #222222;
background : #666666;
width : 640px;
}

/* all paragraphs in the listing divisions */
#listing p		{color: white; width: 90%; }
#listing2 p	{color: white; width: 90%; }
#listing3 p	{color: white; width: 90%; }

/* all paragraphs in the objwrap division */
#objwrap p	{color: white; width: 90%; }

/* all paragraphs in the topcontent division */
#topcontent p	{color: black; font-size: 0.9em; width: 90%; }

/* selected headings in the listing divisions */
#listing h2	{color: white; width: 90%; }
#listing h3	{color: white; width: 90%; }
#listing2 h2	{color: white; width: 90%; }
#listing2 h3	{color: white; width: 90%; }


/* all links in various sections */
#runmenu a		{font-size: 0.9em; color: #660099; margin-top: 1px; border-top: 0; text-decoration: none; line-height: 1; }
#runmenu a:hover	{text-decoration: underline; }
#rtsidecontent a	{font-size: 10pt; color: #22dd44; text-decoration: none; }
#rtsidecontent a:hover	{text-decoration: underline; background-color: #eaeaea; }


/* Text in Anchors and Link Pseudo-classes to Anchors */
a.listing			{font-size: 0.9em; font-weight: normal; color: #22dd44; background: none; text-decoration: none; }
a.listing:hover			{text-decoration: underline;}

a.topcontent			{font-size: 0.9em; font-weight: bold; color: #22dd44; background: none; text-decoration: none; }
a.topcontent:hover		{text-decoration: underline;}
a.topcontent2			{font-size: 0.9em; font-weight: bold; color: #010101; background: none; text-decoration: none; }
a.topcontent2:hover		{text-decoration: underline;}
a.listingidx			{font-size: 1em; font-weight: normal; color: #660099; background: none; text-decoration: none; }
a.listingidx:hover		{text-decoration: underline;}
a.btnidx			{padding-left: 2px; padding-right: 100px; font-size: 0.9em; color: #ffffff; text-decoration: none; }
a.btnidx:hover			{text-decoration: underline; }
a.rtside2			{left: 15px; font-size: 0.9em; color: #ffffff; text-decoration: none; }
a.rtside2:hover			{text-decoration: underline; background: no-repeat; background-position: -1000px -1000px;}
a.imgcam			{float: left;}
#rtsidecontent a.rtside3	{left: 15px; font-size: 0.9em; color: #111111; text-decoration: none; }
#rtsidecontent a.rtside3:hover	{text-decoration: underline;}

/* image styles */
img.logo		{text-align: left; float: left; height: 79px; width: 200px; }

/* Horizontal lines */
hr.idx		{border-style: groove; height: 5px; width: 100%; margin: 3px; text-align: center; color: #b4b4b4; background-color: #b4b4b3; }
hr.fancy	{height: 20px; left: 4px; top: 10px; width: 80%; text-align: left; border-width: 8px; padding: 4px; border-style: double; color: #9999ff; border-color: #b4b4b4; background-color: #9999fe; }
hr.rtside	{height: 2px; text-align: left; color: #b4b4b4; background-color: #b4b4b3; }
hr.gen		{height: 5px; width: 90%; left: 10px; color: #b4b4b4; background-color: #b4b4b3; text-align: left; }

/* Listing by sections for calculator - image styling */
#listingidx img {float: right; border-style: solid; border-width: 2px; color: yellow; border-color: yellow; }
img.rttflttop	{background: no-repeat; background: url(grafix/FullCalcImgMap.jpg); background-position: -2px -28px;  width:368px; height: 140px; position: relative; right: 100px; }
img.rttfltscnd	{background: no-repeat; background: url(grafix/FullCalcImgMap.jpg); background-position: -2px -174px; width:368px; height: 142px; position: relative; right: 100px; }
img.rttfltthrd	{background: no-repeat; background: url(grafix/FullCalcImgMap.jpg); background-position: -2px -322px; width:368px; height: 190px; position: relative; right: 100px; }
img.rttfltfrth	{background: no-repeat; background: url(grafix/FullCalcImgMap.jpg); background-position: -2px -518px; width:368px; height: 38px; position: relative; right: 100px; }
img.rttfltlast	{background: no-repeat; background: url(grafix/FullCalcImgMap.jpg); background-position: -2px -562px; width:368px; height: 103px; position: relative; right: 100px; }
img.rttfltmisc	{background: no-repeat; background: url(grafix/FullCalcImgMap.jpg); background-position: -2px -658px; width:368px; height: 25px; position: relative; right: 100px; }

/* Listing by sections for options and customization - image styling */
#listing2idx img {float: right; border-style: solid; border-width: 2px; color: yellow; border-color: yellow; }
img.rttopttop	{background: no-repeat; background: url(grafix/OptCust1.jpg); background-position: -2px -28px; width:615px; height: 140px; position: relative; right: 85px; }
img.rttoptmid	{background: no-repeat; background: url(grafix/OptCust1.jpg); background-position: -2px -168px; width:615px; height: 158px; position: relative; right: 85px; }
img.rttoptbtm	{background: no-repeat; background: url(grafix/OptCust1.jpg); background-position: -2px -328px; width:615px; height: 138px; position: relative; right: 85px; }



/* Classes of lists */

ul.genmenu
{
	font-family: arial;
	font-size: 0.9em;
	list-style: square;
	padding-left: 6pt;	
	margin-left: 6pt;	
	margin-top: 0pt;
	margin-bottom: 1pt;
}

ul.list
{
	font-family: arial;
	font-size: 0.9em;
	list-style: square;
	list-style-position: inside;
	margin-left: 20px;
	padding-left: 2px;	
	margin-left: 2px;	
	margin-top: 0;
	margin-bottom: 2px;
	color: white;
}

ul.idxmenu
{	
	list-style: none;
	padding-left: 0.5em;
	margin-left: 0.5em;	
	margin-top: 0;
	margin-bottom: 0.1em;
}


/* Classes for clickable image map  and Divisions for Listing images */
#imgmap a {float: left; }

/* Remove the border from hyperlink images inside anchors */
a img	{text-decoration: none; border-style: none; }

/* Setup the anchor hover pseudo class within the '#imgmap' division  to have a background image*/
#imgmap a:hover {background-image: url(grafix/FCIMHV.jpg); border-style: none; border-width: 0; }

/* setup the images within the listing divisions */
#listing img	{float: left; background-repeat: no-repeat; position: relative; background-image: url(grafix/FullCalcImgMap.jpg); left: 2px;  top: 3px; border-style: solid; border-width: 2px; border-color: yellow; margin: 0 10px 0 0; }

/* setup anchors and images for each of the buttons or button groups */
a.Inp1kp	{left: 10px; top: 32px; width: 117px; height: 132px; position: absolute; }
a.Inp1kp:hover	{background-position: -8px -31px; }
img.Inp1kp	{width: 117px; height: 131px; background-position: -9px -33px; }

a.Inp1		{left: 178px; top: 84px; width: 135px; height: 25px; position:absolute; }
a.Inp1:hover	{background-position: -176px -83px; }
img.Inp1	{width: 170px; height: 25px; background-position: -177px -85px; }


a.BS1		{left: 346px; top: 85px; width: 18px; height: 20px; position: absolute; }
a.BS1:hover	{background-position: -344px -84px; }
img.BS1		{width: 18px; height: 19px; background-position: -345px -86px; }


a.Mem1		{left: 178px; top: 59px; width: 135px; height: 25px; position:absolute; }
a.Mem1:hover	{background-position: -176px -58px; }
img.Mem1	{width: 176px; height: 24px; background-position: -177px -60px; }


a.MemGp1	{left: 128px; top: 31px; width: 235px; height: 28px; position: absolute; }
a.MemGp1:hover	{background-position: -126px -30px; }
img.MemGp1	{width: 235px; height: 27px; background-position: -127px -32px; }


a.PlMiTop1	{left: 128px; top: 59px; width: 43px; height: 50px; position: absolute; }
a.PlMiTop1:hover{background-position: -126px -58px; }
img.PlMiTop1	{width: 43px; height: 49px; background-position: -127px -60px; }


a.DI1		{left: 128px; top: 109px; width: 44px; height: 28px; position: absolute; }
a.DI1:hover	{background-position: -126px -108px; }
img.DI1		{width: 44px; height: 27px; background-position: -127px -110px; }


a.Rnd1		{left: 176px; top: 109px; width: 47px; height: 28px; position: absolute; }
a.Rnd1:hover	{background-position: -174px -108px; }
img.Rnd1	{width: 47px; height: 27px; background-position: -175px -110px; }


a.Sum1		{left: 226px; top: 109px; width: 47px; height: 28px; position: absolute; }
a.Sum1:hover	{background-position: -225px -108px; }
img.Sum1	{width: 47px; height: 27px; background-position: -225px -110px; }


a.Copy1		{left: 277px; top: 109px; width: 47px; height: 28px; position: absolute; }
a.Copy1:hover	{background-position: -275px -108px; }
img.Copy1	{width: 47px; height: 27px; background-position: -276px -110px; }


a.MulDiv1	{left: 128px; top: 137px; width: 195px; height:27px; position: absolute; }
a.MulDiv1:hover	{background-position: -126px -136px; }
img.MulDiv1	{width: 195px; height:26px; background-position: -127px -138px; }


a.Op1		{left: 332px; top: 137px; width: 30px; height: 28px; position: absolute; }
a.Op1:hover	{background-position: -330px -136px; }
img.Op1		{width: 30px; height: 27px; background-position: -331px -138px; }



a.Inp2kp	{left: 10px; top: 176px; width: 117px; height: 132px; position: absolute; }
a.Inp2kp:hover	{background-position: -8px -175px; }
img.Inp2kp	{width: 117px; height: 131px; background-position: -9px -177px; }


a.Inp2		{left: 178px; top: 228px; width: 135px; height: 25px; position:absolute; }
a.Inp2:hover	{background-position: -176px -227px; }
img.Inp2	{width: 170px; height: 25px; background-position: -177px -229px; }


a.BS2		{left: 346px; top: 229px; width: 18px; height: 21px; position: absolute; }
a.BS2:hover	{background-position: -344px -228px; }
img.BS2		{width: 18px; height: 20px; background-position: -345px -230px; }


a.Mem2		{left: 178px; top: 204px; width: 135px; height: 25px; position:absolute; }
a.Mem2:hover	{background-position: -176px -203px; }
img.Mem2	{width: 176px; height: 24px; background-position: -177px -205px; }


a.MemGp2	{left: 128px; top: 176px; width: 235px; height: 28px; position: absolute; }
a.MemGp2:hover	{background-position: -126px -175px; }
img.MemGp2	{width: 235px; height: 27px; background-position: -127px -177px; }


a.PlMiTop2	{left: 128px; top: 203px; width: 43px; height: 50px; position: absolute; }
a.PlMiTop2:hover{background-position: -126px -202px; }
img.PlMiTop2	{width: 43px; height: 49px; background-position: -127px -204px; }


a.DI2		{left: 128px; top: 253px; width: 44px; height: 28px; position: absolute; }
a.DI2:hover	{background-position: -126px -252px; }
img.DI2		{width: 44px; height: 27px; background-position: -127px -254px; }


a.Rnd2		{left: 176px; top: 253px; width: 47px; height: 28px; position: absolute; }
a.Rnd2:hover	{background-position: -174px -252px; }
img.Rnd2	{width: 47px; height: 27px; background-position: -175px -254px;; }


a.Sum2		{left: 227px; top: 253px; width: 47px; height: 28px; position: absolute; }
a.Sum2:hover	{background-position: -225px -252px; }
img.Sum2kp	{width: 47px; height: 27px; background-position: -226px -254px; }


a.Copy2		{left: 277px; top: 253px; width: 47px; height: 28px; position: absolute; }
a.Copy2:hover	{background-position: -275px -252px; }
img.Copy2kp	{width: 47px; height: 27px; background-position: -276px -254px; }


a.Eqa2		{left: 128px; top: 281px; width: 44px; height: 28px; position: absolute; }
a.Eqa2:hover	{background-position: -126px -280px; }
img.Eqa2	{width: 44px; height: 27px; background-position: -127px -282px; }


a.Pcnt2		{left: 176px; top: 281px; width: 47px; height: 28px; position: absolute; }
a.Pcnt2:hover	{background-position: -174px -280px; }
img.Pcnt2	{width: 47px; height: 27px; background-position: -175px -282px; }


a.AsPcnt2	{left: 227px; top: 281px; width: 47px; height: 28px; position: absolute; }
a.AsPcnt2:hover	{background-position: -225px -280px; }
img.AsPcnt2	{width: 47px; height: 27px; background-position: -226px -282px; }


a.PMPcnt2	{left: 277px; top: 281px; width: 47px; height: 28px; position: absolute; }
a.PMPcnt2:hover	{background-position: -275px -280px; }
img.PMPcnt2	{width: 47px; height: 27px; background-position: -276px -282px; }


a.Op2		{left: 332px; top: 281px; width: 30px; height: 30px; position: absolute; }
a.Op2:hover	{background-position: -330px -280px; }
img.Op2		{width: 30px; height: 29px; background-position: -331px -282px; }



a.ActCell	{left: 11px; top: 325px; width: 93px; height: 64px; position: absolute; }
a.ActCell:hover	{background-position: -9px -324px; }
img.ActCell	{width: 93px; height: 64px; background-position: -10px -326px; }


a.Scroll	{left: 12px; top: 389px; width: 68px; height: 19px; position: absolute; }
a.Scroll:hover	{background-position: -10px -388px; }
img.Scroll	{width: 69px; height: 18px; background-position: -11px -390px; }


a.Rslt		{left: 152px; top: 324px; width: 148px; height: 31px; position: absolute; }
a.Rslt:hover	{background-position: -150px -322px; }
img.Rslt	{width: 148px; height: 30px; background-position: -151px -325px; }


a.ResPlMi	{left: 107px; top: 328px; width: 39px; height: 26px; position: absolute; }
a.ResPlMi:hover	{background-position: -105px -327px; }
img.ResPlMi	{width: 39px; height: 25px; background-position: -106px -329px; }


a.FromTo	{left: 107px; top: 360px; width: 258px; height: 55px; position: absolute; }
a.FromTo:hover	{background-position: -105px -359px; }
img.FromTo	{width: 258px; height: 54px; background-position: -106px -361px; }


a.ToFrom	{left: 107px; top: 416px; width: 258px; height: 55px; position: absolute; }
a.ToFrom:hover	{background-position: -105px -415px; }
img.ToFrom	{width: 258px; height: 54px; background-position: -106px -417px; }


a.PstVal	{left: 12px; top: 409px; width: 86px; height: 33px; position: absolute; }
a.PstVal:hover	{background-position: -10px -408px; }
img.PstVal	{width: 86px; height: 33px; background-position: -11px -410px; }


a.PstFml	{left: 12px; top: 441px; width: 86px; height: 33px; position: absolute; }
a.PstFml:hover	{background-position: -10px -440px; }
img.PstFml	{width: 86px; height: 32px; background-position: -11px -442px; }


a.Undo		{left: 12px; top: 473px; width: 86px; height: 33px; position: absolute; }
a.Undo:hover	{background-position: -10px -472px; }
img.Undo	{width: 86px; height: 32px; background-position: -11px -474px; }


a.DtTm		{left: 107px; top: 473px; width: 81px; height: 33px; position: absolute; }
a.DtTm:hover	{background-position: -105px -472px; }
img.DtTm	{width: 81px; height: 32px; background-position: -106px -474px; }


a.ReSmpl	{left: 192px; top: 473px; width: 83px; height: 33px; position: absolute; }
a.ReSmpl:hover	{background-position: -190px -472px; }
img.ReSmpl	{width: 83px; height: 32px; background-position: -191px -474px; }


a.Exit		{left: 279px; top: 473px; width: 83px; height: 33px; position: absolute; }
a.Exit:hover	{background-position: -277px -472px; }
img.Exit	{width: 83px; height: 32px; background-position: -278px -474px; }



a.InpEx		{left: 12px; top: 521px; width: 116px; height: 31px; position: absolute; }
a.InpEx:hover	{background-position: -10px -520px; }
img.InpEx	{width: 116px; height: 30px; background-position: -11px -522px; }


a.MemEx		{left: 130px; top: 521px; width: 116px; height: 31px; position: absolute; }
a.MemEx:hover	{background-position: -128px -520px; }
img.MemEx	{width: 116px; height: 30px; background-position: -129px -522px; }


a.ActClEx	{left: 248px; top: 521px; width: 116px; height: 31px; position: absolute; }
a.ActClEx:hover	{background-position: -246px -520px; }
img.ActClEx	{width: 116px; height: 30px; background-position: -247px -522px; }



a.SpNum		{left: 12px; top: 564px; width: 352px; height: 32px; position: absolute; }
a.SpNum:hover	{background-position: -10px -563px; }
img.SpNum	{width: 352px; height: 31px; background-position: -11px -565px; }


a.SpTxt		{left: 12px; top: 595px; width: 352px; height: 32px; position: absolute; }
a.SpTxt:hover	{background-position: -10px -594px; }
img.SpTxt	{width: 352px; height: 31px; background-position: -11px -596px; }


a.SpDt		{left: 12px; top: 628px; width: 352px; height: 32px; position: absolute; }
a.SpDt:hover	{background-position: -10px -627px; }
img.SpDt	{width: 352px; height: 31px; background-position: -11px -629px; }



a.HdeExch	{left: 11px; top: 507px; width: 352px; height: 13px; position: absolute; }
a.HdeExch:hover	{background-position: -9px -506px; }
img.HdeExch	{width: 352px; height: 12px; background-position: -10px -508px; }


a.HdeSpFn	{left: 11px; top: 551px; width: 352px; height: 13px; position: absolute; }
a.HdeSpFn:hover	{background-position: -9px -550px; }
img.HdeSpFn	{width: 352px; height: 12px; background-position: -10px -552px; }

a.Opts		{left: 5px; top: 661px; width: 361px; height: 17px; position: absolute; }
a.Opts:hover	{background-position: -3px -660px; }
img.Opts	{width: 361px; height: 16px; background-position: -4px -662px; }

a.TpBr		{left: 300px; top: 1px; width: 70px; height: 24px; position: absolute; }
a.TpBr:hover	{background-position: -298px 0px; }
img.TpBr	{width: 70px; height: 24px; background-position: -299px -2px; }


/* Setup the anchor hover pseudo class within the '#imgmap2' division to have a background image*/
#imgmap2 a:hover {background-image: url(grafix/OptCustHvr.jpg);}

/* setup the images within the listing divisions */
#listing2 img		{float: left; background-repeat: no-repeat; position: relative; background-image: url(grafix/OptCust1.jpg); border-style: solid; border-width: 2px; border-color: yellow; margin: 0 10px 0 0; }

/* setup anchors and images for each of the buttons or button groups */
a.OptStart		{left: 21px; top: 41px; width: 284px; height: 54px; position: absolute; }
a.OptStart:hover	{background-position: -19px -40px; }
img.OptStart		{width: 284px; height: 54px; background-position: -19px -40px; }

a.OptCom		{left: 317px; top: 41px; width: 284px; height: 54px; position:absolute; }
a.OptCom:hover		{background-position: -315px -40px; }
img.OptCom		{width: 284px; height: 54px; background-position: -315px -42px; }

a.OptScroll		{left: 21px; top: 105px; width: 284px; height: 54px; position: absolute; }
a.OptScroll:hover	{background-position: -19px -104px; }
img.OptScroll		{width: 284px; height: 54px; background-position: -19px -106px; }

a.OptDates		{left: 317px; top: 105px; width: 284px; height: 54px; position: absolute; }
a.OptDates:hover	{background-position: -315px -104px; }
img.OptDates		{width: 284px; height: 54px; background-position: -315px -106px; }

a.CustFntClr		{left: 21px; top: 176px; width: 284px; height: 18px; position: absolute; }
a.CustFntClr:hover	{background-position: -21px -175px; }
img.CustFntClr		{width: 284px; height: 18px; background-position: -19px -175px; }
img.CustFntClrFull	{width: 286px; height: 148px; background-position: -19px -175px; }

a.CustFntClrGp		{left: 28px; top: 201px; width: 271px; height: 19px; position: absolute; }
a.CustFntClrGp:hover	{background-position: -26px -200px; }
img.CustFntClrGp	{width: 275px; height: 19px; background-position: -26px -200px; }

a.CustFntClrClr		{left: 39px; top: 229px; width: 245px; height: 29px; position: absolute; }
a.CustFntClrClr:hover	{background-position: -37px -228px; }
img.CustFntClrClr	{width: 245px; height: 29px; background-position: -39px -228px; }

a.CustFntClrFnt		{left: 39px; top: 277px; width: 61px; height:29px; position: absolute; }
a.CustFntClrFnt:hover	{background-position: -37px -276px; }
img.CustFntClrFnt	{width: 61px; height: 29px; background-position: -38px -276px; }

a.CustFntClrPosn	{left: 111px; top: 267px; width: 188px; height: 48px; position: absolute; }
a.CustFntClrPosn:hover	{background-position: -109px -266px; }
img.CustFntClrPosn	{width: 188px; height: 48px; background-position: -110px -266px; }

a.CustAcCell		{left: 317px; top: 176px; width: 284px; height: 145px; position: absolute; }
a.CustAcCell:hover	{background-position: -315px -175px; }
img.CustAcCell		{width: 284px; height: 145px; background-position: -315px -175px; }

a.CustResDec		{left: 21px; top: 336px; width: 165px; height: 18px; position: absolute; }
a.CustResDec:hover	{background-position: -21px -335px; }
img.CustResDec		{width: 165px; height: 18px; background-position: -21px -335px; }

a.CustResDecRes		{left: 28px; top: 369px; width: 70px; height: 74px; position: absolute; }
a.CustResDecRes:hover	{background-position: -26px -368px; }
img.CustResDecRes	{width: 70px; height: 74px; background-position: -26px -368px; }

a.CustResDecInp		{left: 106px; top: 369px; width: 70px; height: 74px; position: absolute; }
a.CustResDecInp:hover	{background-position: -104px -368px; }
img.CustResDecInp	{width: 70px; height: 74px; background-position: -104px -368px; }

a.CustMove		{left: 201px; top: 336px; width: 105px; height: 112px; position: absolute; }
a.CustMove:hover	{background-position: -199px -335px; }
img.CustMove		{width: 105px; height: 112px; background-position: -199px -335px; }

a.OptCustAbout		{left: 317px; top: 357px; width: 60px; height: 31px; position: absolute; }
a.OptCustAbout:hover	{background-position: -315px -356px; }
img.OptCustAbout	{width: 60px; height: 31px; background-position: -315px -356px; }

a.OptCustFAQ		{left: 430px; top: 357px; width: 60px; height: 31px; position: absolute; }
a.OptCustFAQ:hover	{background-position: -428px -356px; }
img.OptCustFAQ		{width: 60px; height: 31px; background-position: -428px -356px; }

a.OptCustErr		{left: 541px; top: 357px; width: 60px; height: 31px; position: absolute; }
a.OptCustErr:hover	{background-position: -539px -356px; }
img.OptCustErr		{width: 60px; height: 31px; background-position: -539px -356px; }

a.OptCustRet		{left: 316px; top: 405px; width: 283px; height: 43px; position: absolute; }
a.OptCustRet:hover	{background-position: -314px -404px; }
img.OptCustRet		{width: 283px; height: 43px; background-position: -314px -404px; }


/* images for data input page sequences */

.xlback a	{text-decoration: none; border-style: none; float: left;}

#listing3 img	{float: left; background-image: none; margin: 3px 0 0 3px; border-style: none; border-color: #585858;}
a.PreA1		{height: 24px; width: 121px; }
a.PreA1:hover	{left:  -1px; width: 355px; height: 505px; background-position: 10px -1px; background-repeat: no-repeat; background-image: url(grafix/PreSelect1.jpg); position: absolute; z-index: 4; color: #111111; }

a.PreA2		{height: 24px; width: 121px; }
a.PreA2:hover	{left: -1px; width: 499px; height: 505px; background-position: 10px -1px; background-repeat: no-repeat; background-image: url(grafix/PreSelect2.jpg); position: absolute; z-index: 4; color: #111111;}

a.PreA3		{height: 24px; width: 121px; }
a.PreA3:hover	{left: -1px; width: 602px; height: 505px; background-position: 10px 2px; background-repeat: no-repeat; background-image: url(grafix/PreSelect3b.jpg); position: absolute; z-index: 4; color: #111111;}

a.Res1		{height: 24px; width: 121px; }
a.Res1:hover	{left: -1px; width: 475px; height: 504px; background-position: 8px 0; background-repeat: no-repeat; background-image: url(grafix/Resample1.jpg); position: absolute; z-index: 4; color: #111111;}

a.Res2		{height: 24px; width: 121px; }
a.Res2:hover	{left: -1px; width: 599px; height: 505px; background-position: 8px 0; background-repeat: no-repeat; background-image: url(grafix/Resample2.jpg); position: absolute; z-index: 4; color: #111111;}

a.Copy		{height: 24px; width: 121px; }
a.Copy:hover	{left: -1px; width: 471px; height: 504px; background-position: 8px 0; background-repeat: no-repeat; background-image: url(grafix/Copy.jpg); position: absolute; z-index: 4; color: #111111;}

a.NSum1		{height: 24px; width: 121px; }
a.NSum1:hover	{left: -1px; width: 470px; height: 504px; background-position: 10px 0; background-repeat: no-repeat; background-image: url(grafix/Sum1.jpg); position: absolute; z-index: 4; color: #111111;}

a.NSum2		{height: 24px; width: 121px; }
a.NSum2:hover	{left: -1px; width: 476px; height: 514px; background-position: 10px -1px; background-repeat: no-repeat; background-image: url(grafix/Sum2.jpg); position: absolute; z-index: 4; color: #111111;}

a.KP1		{height: 24px; width: 121px; }
a.KP1:hover	{left: -1px; width: 466px; height: 506px; background-position: 10px -1px; background-repeat: no-repeat; background-image: url(grafix/KP1.jpg); position: absolute; z-index: 4; color: #111111;}

a.BS		{height: 24px; width: 121px; }
a.BS:hover	{left: -1px; width: 468px; height: 505px; background-position: 10px -1px; background-repeat: no-repeat; background-image: url(grafix/BS.jpg); position: absolute; z-index: 4; color: #111111;}

a.CL		{height: 24px; width: 121px; }
a.CL:hover	{left: -1px; width: 583px; height: 504px; background-position: 9px 2px; background-repeat: no-repeat; background-image: url(grafix/CL.jpg); position: absolute; z-index: 4; color: #111111;}

a.CBIn1		{height: 24px; width: 121px; }
a.CBIn1:hover	{left: -1px; width: 580px; height: 505px; background-position: 9px 0; background-repeat: no-repeat; background-image: url(grafix/CBIn1b.jpg); position: absolute; z-index: 4; color: #111111;}

a.CBIn2		{height: 24px; width: 121px; }
a.CBIn2:hover	{left: -1px; width: 581px; height: 505px; background-position: 10px 1px; background-repeat: no-repeat; background-image: url(grafix/CBIn2.jpg); position: absolute; z-index: 4; color: #111111;}


a.Exchg1	{height: 24px; width: 121px; }
a.Exchg1:hover	{left: -1px; width: 536px; height: 495px; background-position: 10px 0; background-repeat: no-repeat; background-image: url(grafix/Exchg1.jpg); position: absolute; z-index: 4; color: #111111;}

a.Exchg2	{height: 24px; width: 121px; }
a.Exchg2:hover	{left: -1px; width: 521px; height: 502px; background-position: 10px 1px; background-repeat: no-repeat; background-image: url(grafix/Exchg2.jpg); position: absolute; z-index: 4; color: #111111;}

a.Transfr	{height: 24px; width: 121px; }
a.Transfr:hover	{left: -1px; width: 535px; height: 503px; background-position: 9px 0; background-repeat: no-repeat; background-image: url(grafix/Transfr.jpg); position: absolute; z-index: 4; color: #111111;}

a.InpSpFns1	{height: 24px; width: 121px; }
a.InpSpFns1:hover	{left: -1px; width: 815px; height: 510px; background-position: 10px 0; background-repeat: no-repeat; background-image: url(grafix/ttn11.jpg); position: absolute; z-index: 4; color: #111111;}

a.InpSpFns2	{height: 24px; width: 121px; }
a.InpSpFns2:hover	{left: -1px; width: 815px; height: 511px; background-position: 11px 0; background-repeat: no-repeat; background-image: url(grafix/ttn12.jpg); position: absolute; z-index: 4; color: #111111;}

a.InpSpFns3	{height: 24px; width: 121px; }
a.InpSpFns3:hover	{left: -1px; width: 815px; height: 512px; background-position: 10px -1px; background-repeat: no-repeat; background-image: url(grafix/ttn13.jpg); position: absolute; z-index: 4; color: #111111;}


/* Text and image block position definitions*/


#topbar
{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 2px;
	height: 98px;
	width: 100%;
	margin-right: 10px;
	border-width: 5px 5px 5px 5px;
	padding: 0 0 0 0;
	border-color: #b4b4b4;
	border-style: double double double double;
	background-color: #9999ff;
	background-image: url(grafix/InCellIco.png);
	background-repeat: no-repeat;
}


#runmenu
{
	z-index: 10;
	position: relative;
	float: left;
	left: 0;
	top: 108px;
	width: 208px;
	height: 930px;
	border-width: 5px 5px 5px 5px;
	margin:  0 25px 0 0;
	padding: 0 0 0 3px;
	border-color: #b4b4b4;
	border-style: double double double double;
	overflow: hidden;
	background-color: #9999ff;
}


#topcontent
{
	background-color: transparent;
	top: 110px;
	height: 1047px;
	margin: 0 0 0 0;
	left: 0; 
	padding-right: 0; 
	padding-top: 0; 
	padding-bottom: 0;
	border-width: 0 0 0 0;
	overflow: auto;
	position: relative;
}

#bland
{
	background-color: transparent;
	margin: 0 10px 0 0;
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 0; 
	padding-bottom: 0;
	border-width: 0 0 0 0;
	overflow: auto;
	position: relative;
}

#imenu
{
	background-color: #9999ff;
	margin: 0 0 0 0;
	padding-left: 0; 
	padding-right: 0; 
	padding-top: 0; 
	padding-bottom: 0;
	border-width: 0 0 0 0;
	height: 930px;
	left: -10px;
	overflow: hidden;
	position: relative;
}

#imgmap
{
	z-index: 12;
	float: left;
	top: 0;
	left: 0;
	width: 410px;
	height: 690px;
	background: url(grafix/FullCalcImgMap.jpg); background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}


#imgmap2
{
	z-index: 12;
	float: left;
	top: 0;
	left: 0;
	width: 640px;
	height: 870px;
	background: url(grafix/OptCust1.jpg); background-repeat: no-repeat;
	overflow: hidden;
	position: relative;
}

#imgcam
{
	z-index: 12;
	float: left;
	top: 0;
	left: 0;
	background-color: transparent;
	margin-right: 8px;
	overflow: hidden;
	position: relative;
}

.xlback
{
	z-index: 1;
	top: 0;
	left: 0;
	height:504px;
	width:651px;
	background-repeat: no-repeat; 
	background-image: url(grafix/XLBorder.jpg);
}

#demoimages
{
	z-index: 2; 
	height: 684px;
	overflow: auto;
	position: relative;
}

#rtsidecontent
{
	z-index: 3;
	float: left;
	background-image: none;
	top: 0;
	margin: 0 0 0 0;
	padding: 0; 
	overflow: auto;
	position: relative;
}


#listing
{	
	left: 0;
	width: 95%;
	border-width: 5px 5px 5px 5px;
	margin:  0 0 0 0;
	padding: 0 1px 0 8px;
	border-color: #b4b4b4;
	border-style: double double double double;
	background-color: #666666;
	overflow: auto;
	position: relative;
}

#listingidx
{	
	left: 0;
	width: 95%;

	border-width: 5px 5px 5px 5px;
	margin:  0 0 0 0;
	padding: 0 1px 0 8px;
	border-color: #b4b4b4;
	border-style: double double double double;
	background-color: #666666;
	overflow: auto;
	position: relative;
}

#listing2
{	
	left: 0;
	width: 95%;
	border-width: 5px 5px 5px 5px;
	margin:  0 0 0 0;
	padding: 0 1px 0 8px;
	border-color: #b4b4b4;
	border-style: double double double double;
	background-color: #666666;
	overflow: auto;
	position: relative;
}


#listing2idx
{	
	left: 0;
	width: 95%;
	border-width: 5px 5px 5px 5px;
	margin:  0 0 0 0;
	padding: 0 1px 0 8px;
	border-color: #b4b4b4;
	border-style: double double double double;
	background-color: #666666;
	overflow: auto;
	position: relative;
}

#listing3
{	
	left: 0;
	width: 95%;
	border-width: 5px 5px 5px 5px;
	margin:  0 0 0 0;
	padding: 0 1px 0 8px;
	border-color: #b4b4b4;
	border-style: solid;
	background-color: #666666;
	overflow: auto;
	position: relative;
}

#btmbar
{
	z-index: 3;
	border-style: double;
	border-color: black;
	margin-top: 10px;
	color: black;
	width: 98%;
	clear: both;
	left: 1%;
	bottom: 0;
	position: relative;
}

#objwrap
{	
	left: 5px;
	max-width: 98%;
	border-width: 5px 5px 5px 5px;
	margin:  0 0 0 0;
	padding: 0 1px 0 8px;
	border-color: #b4b4b4;
	border-style: double double double double;
	background-color: #666666;
	overflow: auto;
	position: relative;
}

#objwrap2
{	
	left: 5px;
	max-width: 98%;
	margin:  0 0 0 10px;
	padding: 0 1px 0 8px;
	border-style: none;
	background-color: #666666;
	overflow: auto;
	position: relative;
}

#imgwrap1
{
	float: left;
	left: 0;
	max-width: 98%;
	border-width: 2px;
	margin:  0 20px 0 0;
	padding: 6px 6px 1px 6px;
	border-color: #b4b4b4;
	border-style: double double double double;
	background-color: #888888;
	overflow: auto;
	position: relative;
}
#srchbx
{
	border:1px solid black;
	padding:4px;
	width:20em;
	float: right;
}

#formA 
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-size: 98%;
	color: black;
	background-color: #eaeaea;
	border: double blue;
	width: 500px;
	margin-left: 10px;
	padding: 6px;
}

#formTop 
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-size: 98%;
	margin-left: 7px;
}

#formBottom 
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
	font-size: 75%;
	margin-left: 7px;
}

#outside1
{
	position: absolute;
	left: 2px;
	top: 2px;
	border-width: 5px 5px 5px 5px;
	margin:  0 0 0 0;
	padding: 5px 5px 0 5px;
	border-color: rgb(180,180,180);
	border-style: double double double double;
	overflow: auto;
	background-color: #9999ff;
	float: left;
	height :720px;
	width : 370px;
}

#outside2
{
	position: absolute;
	left: 2px;
	top: 2px;
	border-width: 5px 5px 5px 5px;
	margin:  0 0 0 0;
	padding: 5px 5px 0 5px;
	border-color: rgb(180,180,180);
	border-style: double double double double;
	overflow: auto;
	background-color: #777777;
	float: left;
	height : 520px;
	width : 640px;
}

#textwrapright
{
	position : relative;
	border-width: 5px 5px 5px 5px;
	margin:  0 0 0 2px;
	padding: 0 1px 0 0;
	border-color: #b4b4b4;
	background-color: #666666;
}

/* reusable division class - to end division floats */
div .clear
{
	clear: both; 
}