/*------------------- Drape Builder ----------------*/
	.ddrapeSection{
		font-size:10px;
		text-align:center;
		font-weight:bold;
		color:#000;
	
	}
	.popupDDrapeHeader{
		background-image:'url(images/banner_760.gif)';
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		color:white;
		font-weight:bold;
		height:22px; width:100%;
		font-size:12px; 
		cursor:move;
	}
	.sldBuild{
		color:#000;
		font-size:9px;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		border-bottom: 1px solid #FFF;
		border-right: 1px solid #FFF;
		border-top:1px solid gray;
		border-left:1px solid gray;
		background-color:#ECE9D8;
		border-collapse:collapse;
	}
	.headTitleCell{
		font-weight:bold;
		padding-left:5px;
	}
	.headDataCell{		
		font-size:9px;
	}	
	.headDataCellEdit{	
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top:1px solid gray;
		border-left:1px solid gray;
		font-size:9px;
		background-color:#FFFFD4;
	}
	.legendSection{
		font-size:10px;
		text-align:center;
		color:#000;
		font-weight:bold;
	}
	.editLegend{	
		border-bottom: 1px solid #FFF;
		border-right: 1px solid #FFF;
		border-top:1px solid gray;
		border-left:1px solid gray;
		background-color:#ECE9D8;
		z-index:210;
		padding:5px;
	}
	.editTitle{	
		text-align:center;
		font-size: 12px;
		font-weight:bold;
		color:#000000;
	}
	.editLegendTable{
		position:absolute; top:40px; left:0px;
		height:auto; width:100%;
	}

	.rulesSection{
		font-size:10px;
		text-align:center;
		font-weight:bold;	
		color:#000;
	}
	.rules{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		color:#000;
		padding:0px;	
		background-color:#ECE9D8;
		border-bottom: 1px solid #FFF;
		border-right: 1px solid #FFF;
		border-top:1px solid gray;
		border-left:1px solid gray;
	}
	.ruleTitleCell{
		font-size:9px;
		font-weight:bold;
		padding-left:5px; 
	}
	.ruleDataCell{
		font-size:9px;
	}

	.abstractTable{
		color:#000;
		font-size:9px;
		border-collapse:collapse;
	}
	.abstractDataCell{
		font-size:9px;
	}
	.abstractDataCellEditInput{
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top:1px solid gray;
		border-left:1px solid gray;
		font-size:9px;
		background-color:#FFFFD4;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		overflow-x:hidden; overflow-y:auto;
	}

	.ruleTable{
		color:#000;
		padding-right:5px;
		border-collapse:collapse;
		font-size:9px;
	}
	.selectBox {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top:1px solid gray;
		border-left:1px solid gray; 
		background-color:#FFFFFF; 
		font-size:9px;
		z-index:5200;
	}
	.ruleLogic{
		color:#000;
		border-collapse:collapse;
	}
	.ruleComposite{
		font-size:9px; 
	}
	.ruleCompBody{
		overflow-x:hidden; overflow-y:auto;
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top:1px solid gray;
		border-left:1px solid gray;
		background-color:#FFFFD4;
		
	}
	.ruleCompositeCell {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		text-align:left;
		font-size:9px; 
		background-color:#FFFFFF;
		/*background-color:#FFFFD4;*/
		vertical-align:middle;
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top:1px solid gray;
		border-left:1px solid gray;
	}
	
	.symbol{
		color:#000;
		font-size:9px; 
	/*	background-color:transparent;*/
		/*overflow-x:hidden; overflow-y:auto; */
	}
	.symbolTableHeader{
		border-collapse:collapse; 
	}
	.symbolTable{
		
	}	
	.symbolTitleCell{
		font-size:9px;
		font-weight:bold;
		text-align:right;
	}
	.symbolCell{
		font-size:8px;
		background-color:#FFFFD4; 		
	}
	.symbolCellInput{
		font-size:9px;
		text-align:left;
		background-color:#FFFFD4; 
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top:1px solid gray;
		border-left:1px solid gray; 
	}
	.symbolSelectBox {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		border-top:1px solid gray;
		border-left:1px solid gray; 
		background-color:#FFFFFF; 
		font-size:9px;
		margin-left:auto; margin-right:auto;
	}
	.buttonUp{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:9px;
		height:15px;
		text-align:center;
		font-weight:bold;
		text-align: center;
		display:block;
		cursor:pointer;	
		color:#000000;
		background-color:#ECE9D8;
		border-bottom: 1px solid gray;
		border-right: 1px solid gray;
		border-top:1px solid #FFF;
		border-left:1px solid #FFF; 
	}
	.buttonDn{
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
		font-size:9px;
		font-weight:bold;
		text-align: center;
		text-align:center;
		display:block;
		cursor:pointer;
		height:15px;
		color:#000000;
		background-color:#FFFFFF;
		border-top: 1px solid gray;
		border-left: 1px solid gray;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF; 
	}
	/* --------- the color swath -----------*/
	
	.colorchart{
		width:15px;
		height:10px;
		border-collapse: collapse;
		cursor:pointer;
	}