/* +-+-+-  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) */


.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: 100%;
}

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

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

.calctblresult
{
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 90%;
	border-style: double;
	border-color: Black;
	border-width: 1px;
	/* border: double 1px black; */
}

.calctblresultnoprint
{
	margin: 5px;
	padding: 0;
	width: 100%;
	/* 
	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 control at 100% of the cell width. 
	It does not display a cotrol border. 
	Margin is increased +2 for Print layout */

.calctd10ctrl
{
	margin: 2;
	padding: 1;
	text-align:center;
	width: 100%;
}

/*	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;
}
.calctdblue5
{
	width: 5%;
	text-align: center;
	/* background-color: #99ffff; */
	background-color: #D3D3D3;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-top: 1px solid black;
}

.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-left: 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;
}

/*	Class sets control to 100% of the yellow cell width.
	Screen: + border around the control, and bg-color
	Print: - border, -bg-color */
.calctdyellow10ctrl
{
	margin: 2;
	padding: 1;
	text-align:center;
	width: 100%;
	background-color: white;
	border: none;
/*	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;
}

.calctdsilver
{
	background-color: Silver;
}

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

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

/*
	These classes are used to format the <P> & <td> tags
	in the results table text cells.  Some were seperated out to fit
	specific needs of DOCTYPE & depricated XHTML in-line
	cell styles the document lay-out. CRH 4/26/10

	Class sets the cell spacing to tab settings to mimic
	a bulleted list for text/print purposes.
	It DOES display a cell border. */

.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
{
	border-bottom: 1px solid black;
	border-left: 1px solid black; 
	border-right: 1px solid black;
	border-top: 1px solid black;
	margin: 0;
	padding: 3;
}

.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%;
}

.calctdtabnogl
{
	text-indent: 5;	
}

 
.calctd
{
	background-color: #c0c0c0;
}

.calctdborder0 
{
	border: none;
}

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

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

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

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

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