/* +-+-+-  OCSS CALCULATOR FROM LAYOUT CLASSES  -+-+-+ */
/* Each HTML element is addressed : Table; Rows; Cells */
/* ASP:Controls addressed : TextBoxes; Lables; Panels */
/* Naming Convention - page,elememnt/control/%,color,(panel) */
/* Elements - used to control DIV tag display*/

.calcdiv97
{
	margin-left: 1px;
	padding: 1px;
	width: 97%;
	/* text-align: center; */
}

.calcdiv97c
{
	margin-left: 1px;
	padding: 1px;
	text-align: center;
	width: 97%;
}

/*	Class sets the cell spacing to tab settings to mimic
	a bulleted list or line breaks for text purposes.
	Some DO display a cell border.
*/
.calcdivbr
{
	margin: 0;
	padding: 5;
	text-indent: 10;	
	/* border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black; 
	This removed 7-9   in-line entries*/
}

.calcpnl
{
	/* text-align: center; */
	white-space: nowrap;
	width: 97%;
}

.calcpnlc
{
	text-align: center;
	white-space: nowrap;
	width: 97%;
}


.calctdsilver
{
	background-color: Silver;
}

.calctdsilver10
{
	background-color: Silver;
	width: 10%
}

.calctdsilver20
{
	background-color: Silver;
	width: 20%
}

.calctbl
{
	width: 100%;
	text-align: center;
}

.calctblc
{
	width: 100%;
	text-align: center;
}

.calctblresult
{
	margin: 0;
	padding: 0;
	width: 97%;
	font-size: 90%;
	border-style: double;
	border-color: Black;
	/* border-width: 1px; */
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double; 
}

.calctblresultnoprint
{
	margin: 5px;
	padding: 0;
	font-size: 90%;
	border-style: double;
	border-color: Black;
	/* border-width: 1px; */
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double; 
}

/*	Class sets the cell at 10% of row width and adds a
	border around it for table appearences */
.calctd10data
{
	margin: 0;
	padding: 1;
	width: 10%;
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
}

/*	this Class sets the control at 100%of the cell
	width where it is placed. It does not display a
	cotrol border. Margin is increased for Print layout */
.calctd10ctrl
{
	margin: 0;
	padding: 1;
	text-align:center;
	width: 100%;
}

.calctdblue5
{
	width: 5%;
	text-align: center;
	background-color: #99ffff;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	/* border-left-style: double; */
}

.calctdblue55
{
	/* background-color: #99ffff; */
	background-color: #D3D3D3;
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-top: 1px solid black;
	/* text-align: center; */
	width: 55%;
}

.calctdblue65
{
	/* background-color: #99ffff; */
	background-color: #D3D3D3;
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-top: 1px solid black;
	/* text-align: center; */
	width: 65%;
}

.calctdgoldc
{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ffff33;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.calctdgold5
{
	margin: 0;
	padding: 1;
	width: 5%;
	text-align: center;
	background-color: #ffff33;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	}

.calctdgold10
{
	margin: 0;
	padding: 1;
	width: 10%;
	text-align: center;
	background-color: #ffff33;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
}

.calctdgold10r
{
	margin: 0;
	padding: 1;
	width: 10%;
	text-align: center;
	background-color: #ffff33;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
}

/*
.calctdyellow
{
	margin: 0;
	padding: 0;
	background-color: #ffffcc;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.calctdyellowc
{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ffffcc;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

.calctdyellow5
{
	margin: 0;
	padding: 1;
	width: 5%;
	text-align: center;
	background-color: #ffffcc;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	}
*/

.calctdyellow10data
{
	margin: 0;
	padding: 1;
	width: 10%;
	background-color: #ffffcc;
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
}

.calctdyellow10datar
{
	margin: 0;
	padding: 1;
	width: 10%;
	background-color: #ffffcc;
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	/* border-right: 1px solid black; */
	border-top: 1px solid black;
}
/*	This Class sets the control at 100% of the yellow
	cell width where it is placed.
	Screen: + border around the control, and bg-color
	Print: - border and bg-color */
.calctdyellow10ctrl
{
	margin: 0;
	padding: 1;
	text-align:center;
	width: 100%;
	background-color: #ffffcc;
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
}
.calctdtab
{
	text-indent: 5;	
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
	margin: 0;
	padding: 5;
}

.calctdtab65
{
	text-indent: 5;	
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
	margin: 0;
	padding: 5;
	width: 65%;
}

.calctdtxt
{
	margin: 0;
	padding: 3;
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
}

.calctdtxt10
{
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
	margin: 0;
	padding: 3;
	width: 10%;
}

.calctdtxt65
{
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
	margin: 0;
	padding: 3;
	width: 65%;
}



/* cell structure classes */
/* P tag fomating */ 
.calctdgl
{
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
}

.calctdtabnogl
{
	text-indent: 5;	
}

.calctd
{
	background-color: Silver;
}

.calctdborder0 {
	border: none;
}

.calctdborder010 
{ 
	border: none; 
	width: 10%;
}

.calctdborder010c 
{ 
	border: none;
	text-align: center; 
	width: 10%;
}

.calctdborder04r 
{
	border: none;
	text-align: right;
	width: 4%;
}

.calctdborder035 
{
	border: none;
	/* text-align: right; */
	width: 35%;
}

.calctdborderu 
{ 
	border-bottom: solid 1px black; 
}

.calctdborderu35 
{ 
	border-bottom: solid 1px black; 
	width: 35%;
	white-space: nowrap;
	
}

.calctdborderu50 
{ 
	border-bottom: solid 1px black; 
	width: 50%;
}

.norap100c
{
	text-align: center;
	white-space: nowrap;
	width: 100px;
}