.CustomizerOptionItem
{
	background-color: #F1F3C3;
	color: black;
	font-family: 'Arial Narrow';
	font-size: x-small; 
	font-style: normal; 
	font-weight: lighter;
	width : 500px;
}

.CustomizerOptionItemEvenGroup
{
	background-color: #E4E4E2;
	color: black;
	font-family: 'Arial Narrow';
	font-size: x-small; 
	font-style: normal; 
	font-weight: lighter; 
	width : 500px;
}

.CustomizerOptionItemOddGroup
{
	background-color: #F1F39C;
	border-bottom: dimgray;
	border-left: dimgray 1px solid;
	color: black;
	font-family: 'Arial Narrow';
	font-size: x-small; 
	font-style: normal; 
	font-weight: lighter; 
	width : 500px;
}

.CustomizerSelect
{
	background-color: #F1F3C3; 
	border: double; 
	font-family: 'Arial Narrow'; 
	font-size: x-small; 
	font-style: normal; 
	font-weight: lighter; 
	list-style-type: circle; 
	list-style-position: inside; 
	text-align: left; 
	width:500px;
}	
		
.OnHold
{
	COLOR: #ACA899;
	TEXT-DECORATION: none;
	font-family : "Trebuchet MS";
	font-size : 9px;
}
		
.AvailSoon
{
	COLOR: Blue;
	TEXT-DECORATION: none;
	font-family : "Trebuchet MS";
	font-size : 9px;
}
		
.sysHead
{ /*header of Systems*/
	cursor: hand;
	cursor: pointer;
	padding: 2px 5px;
	border: 1px solid gray;
	background: #F1F3C3;
}
		
.openSys
{ /*class added to contents of Systems when they are open*/
	background: #F1F39C;
}
		
.dhtmlwindow
{
	position: absolute;
	border: 2px solid black;
	visibility: hidden;
	background-color: white;
}

.drag-handle
{/*CSS for Drag Handle*/
	padding: 1px;
	text-indent: 3px;
	font: bold 14px Arial;
	background-color: #127A27;
	color: white;
	cursor: move;
	overflow: hidden;
	width: auto;
}

.drag-handle .drag-controls
{ /*CSS for controls (min, close etc) within Drag Handle*/
	position: absolute;
	right: 1px;
	top: 2px;
	cursor: hand;
	cursor: pointer;
}


.drag-contentarea
{ /*CSS for Content Display Area div*/
	border-top: 1px solid brown;
	background-color: white;
	color: black;
	height: 150px;
	padding: 2px;
	overflow: auto;
}

.drag-statusarea
{ /*CSS for Status Bar div (includes resizearea)*/
	border-top: 1px solid gray;
	background-color: #F8F8F8;
	height: 13px; /*height of resize image*/
}


.drag-resizearea
{ /*CSS for Resize Area itself*/
	float: right;
	width: 13px; /*width of resize image*/
	height: 13px; /*height of resize image*/
	cursor: nw-resize;
	font-size: 0;
}

.stdLabelBig
{
	color : #258350;
	font-family : Verdana;
	font-size : 18px;
	font-style : normal;
	font-weight : bolder;
}

.stdLabelBigger
{
	color : #258350;
	font-family : Verdana;
	font-size : 14px;
	font-style : normal;
	font-weight : bolder;
}

.stdLabel
{
	color : #258350;
	font-family : Verdana;
	font-size : 12px;
	font-style : normal;
	font-weight : bolder;
}

.stdLabelVal
{
	color : #258350;
	font-family : Verdana;
	font-size : 9px;
	font-style : normal;
	font-weight : normal;
}

.stdLabelValNum
{
	color: #258350;
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-align:right;
}

.stdTableHead
{
	font-family : Verdana;
	font-size : 18px;
	font-style : normal;
	font-weight : bolder;
	color : #258350;
}