/** 
 * The JavaScript contains all shade templates (in JavaScript variables)
 * (only using in WebApps) 
 */
// Template for WebApps, general
var TEMPLATE_SHADE_HEADINGS_WEBAPP_GENERAL = 
	// Header class
	' .#class_name# .controlLabel { 	'	+ 
	'	background: #background#;		 			' 	+
	'	color: #color#;					 			' 	+		
	// Ignore padding because it's error in case of Custom Options
	'	_padding-top_ : 6px !important;  			' 	+
	'	__padding-top__ : 0px !important;  			' 	+
	'	padding-bottom : 6px !important;  			' 	+
	'	_padding-left_: 5px !important;  			' 	+	
	'	__padding-left__: 0px !important;  			' 	+	
	'	_padding-right_: 5px !important;  			' 	+	
	'	__padding-right__: 0px !important;  		' 	+	
	'	border-top : 1px solid #border_color#; 		' 	+
	'	border-left : 1px solid #border_color#;		' 	+
	'	border-right : 1px solid #border_color#;	' 	+
	' } 											'	+
	// Fix bug 0025944: image text of Action button does not show
	' .inputPayment .controlLabel { 				'	+ 
	'	color: #000;					 			' 	+	
	' } 											'	+
	
	' .#class_name# .inputinner { 					'	+
	'	border-top1 : none !important;				' 	+	
	' } 											'	+
//	' .#class_name#.inputTrends .controlLabel { 	'	+
//	'	border-top : none !important;				' 	+
//	'	border-left : none !important;				' 	+
//	'	border-right : none !important;				' 	+
//	' } 											'	+	
//	// Selected controls (border
//	' .formView .shadingControlBackground.ctrl_selected .controlLabel { 				'	+ 
//	'	border-left : 1px solid #border_color# !important;	' 	+
//	'	border-right : 1px solid #border_color# !important;	' 	+
//	' } 											'	+
	// Hints
	' .#class_name# .controlHint { 		'	+ 
	'	background-color: #background#;				 	' 	+
	'	color: #color# !important;				 	' 	+
	'	_padding-left_: 5px !important;  				' 	+		
	'	__padding-left__: 0px !important;  				' 	+
	'	_padding-right_: 5px !important;  				' 	+		
	'	__padding-right__: 0px !important;  			' 	+
	'	border-left : 1px solid #border_color# !important;		' 	+
	'	border-right : 1px solid #border_color# !important;	' 	+
	' } 											'	+
	// Error message
	' .#class_name# .controlInfMsg { 	'	+ 
	'	background-color: #background#;				 	' 	+
	//'	color: #color# !important;				 		' 	+
	'	_padding-left_: 5px !important;  				' 	+		
	'	__padding-left__: 0px !important;  				' 	+
	'	_padding-right_: 5px !important;  				' 	+		
	'	__padding-right__: 0px !important;  			' 	+

	'	border-left : 1px solid #border_color# !important;		' 	+
	'	border-right : 1px solid #border_color# !important;	' 	+
	' } 											'	+		
	// Hack for Selected Hints
	' .formView .#class_name#.ctrl_selected .controlHint { 		'	+ 
	'	color: #color# !important;					' 	+
	' }												' +
	' .formView .#class_name#.ctrl_selected .controlLabel { 		'	+ 
	'	color: #active_text_color# !important;					' 	+
	' }												' 	+
	' .formView .#class_name#.inputAction .controlLabel.controlLabel2 { 	'	+  
	'	color: #color#!important;					 			' 	+
	' }												'
;

var TEMPLATE_SHADE_HEADINGS_WEBAPP_GRID =
	' .formView .ctrl_header_selected .#class_name# .controlLabel { 		'	+ 
	'	color: #active_text_color# !important;					' 	+
	' }												' 	
;

var TEMPLATE_SHADE_HEADINGS_WEBAPP_LOCATION =
	' .#class_name#.inputLocation .embbedStaticGPSMapImage { 	'	+
	'	padding-top : 3px !important;				' 	+	
	'	padding-bottom : 3px !important;			' 	+
	' } 											'		
;

var TEMPLATE_SHADE_HEADINGS_WEBAPP_CHOOSE_ONE_SEL_MULTIPLE =
	'  .inputScoreOne.#class_name# .controlData  		'	+
	' ,.inputSelectOne.#class_name# .controlData  		'	+
	' ,.inputSelectMany.#class_name# .controlData { 	'	+	
//	'	border : 1px solid #border_color#; !important	' 	+	
	'	border : 1px solid #666666 !important;			' 	+
	'	padding-bottom : 0px !important;				'	+ 	
	' } 												'   +
	'  .inputScoreOne.#class_name# .controlData.selected_border  		'	+
	' ,.inputSelectOne.#class_name# .controlData.selected_border  		'	+
	' ,.inputSelectMany.#class_name# .controlData.selected_border { 	'	+	
	'	border : 1px solid #FF8000 !important;			' 	+ 	
	' } 												'   +
	'  .inputScoreOne.TurnOffOutline.#class_name# .controlData.selected_border  		'	+
	' ,.inputSelectOne.TurnOffOutline.#class_name# .controlData.selected_border  		'	+
	' ,.inputSelectMany.TurnOffOutline.#class_name# .controlData.selected_border { 	'	+	
	'	border : 1px solid #666666 !important;			' 	+ 	
	' } 		' 	+ 	
	'  .inputScoreOne.removeBorderAroundAnswerOUT.TurnOffOutline.#class_name# .controlData.selected_border  		'	+
	' ,.inputSelectOne.removeBorderAroundAnswerOUT.TurnOffOutline.#class_name# .controlData.selected_border  		'	+
	' ,.inputSelectMany.removeBorderAroundAnswerOUT.TurnOffOutline.#class_name# .controlData.selected_border { 	'	+	
	'	border : none !important;			' 	+ 	
	' } 		'	+
	' td.inputSelectOne.#class_name# .controlData,	'	+
	' td.inputSelectMany.#class_name# .controlData,	'	+
	' td.inputDate.#class_name# .controlData {	'	+ // fix border issue
	' 	border: none!important;	'	+
	' }							'
;

// shadingControlBackground
var TEMPLATE_SHADE_HEADINGS_WEBAPP_GROUP =
	' .#class_name#4Group > .workspaceInnerWrapper > .workspaceInner > .groupLoop > .ctrlHref > .controlInfo > .controlLabelOnly4Group 	'	+
	',.#class_name#4Group > .workspaceInnerWrapper > .workspaceInner > .groupLoop > .controlLabelButtonDelete4Shading > div 	'	+
	',.TEMPLATE_SHADE_HEADINGS_WEBAPP_GROUP						'	+
	'{ 															'	+
	'	background-color: #background#;		 					' 	+
	'	color: #color#;					 						' 	+	
	'	border: 1px solid #border_color#;					 	' 	+
	// Customer's request : Ignore padding left with Shading Header/Hints
	//	The problem is the inconsistencies between in grid and out of grid. Need to always be consistent. 	
	'	_padding-left_: 5px;				 					' 	+
	'	__padding-left__: 0px;				 					' 	+
	'	_padding-right_: 5px;				 					' 	+
	'	__padding-right__: 0px;				 					' 	+
	' } 														'	+
	' .formView .group .controlInfo { 							'	+
	'	margin-left: 0px !important;							'	+
	' }															'	+
	' .#class_name#4Group > .workspaceInnerWrapper > .workspaceInner > .groupLoop > .controlLabelButtonDelete4Shading > div{ 	'	+
	'   border: none;											'	+
	'   background: none;										'	+
	'   padding: 0px;											'	+
	' }															'
;

//.#class_name_tbl#
// PCA-265: Web AppPreview support for color option in Grids, questionnaires and Tables
var TEMPLATE_SHADE_HEADINGS_WEBAPP_TABLE_CONTAINER =
//	' .formView .ctrlGrid.#class_name_tbl# table tr.oddRow:first-child td, 				'	+
//	' .formView .ctrlTable.#class_name_tbl# table tr.oddRow:first-child td, 				'	+
	' .formView .ctrlTable.#class_name_tbl# table tr.oddRow:first-child th,				'	+
//	' .formView .ctrlGrid.#class_name_tbl# table  tr td.oddCell:first-child,				'	+
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container, 	'	+	
	' .formView .ctrlTable.#class_name_tbl# tr th.backgroundShading4Container, 	'	+	
//	' .formView .ctrlGrid.#class_name_tbl# tr td.backgroundShading4Container:first-child, 	'	+
//	' .formView .ctrlGrid.#class_name_tbl#  tr th.backgroundShading4Container:first-child,	'	+
	' .formView .ctrlScoreTable.#class_name_tbl# table tr.oddRow:first-child td,			'	+
	' .formView .ctrlScoreTable.#class_name_tbl# table tr.oddRow:first-child th,			'	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tr.oddRow:first-child th		'	+
	' {														'	+
	'	background-color : #background# !important;			' 	+
	'	color : #color#;									' 	+	
	' }														'	+
	// Apply text color for ChooseOne inside FixedTable
	' .formView .ctrlTable.#class_name_tbl# table tr.oddRow:first-child .ctrlTableCell_inputSelectOne, 	'	+
	' .formView .ctrlTable.#class_name_tbl# .backgroundShading4Container .ctrlTableCell_inputSelectOne 	'	+
	' {														'	+
	'	color : #color# !important;									' 	+	
	' }														'	+	
	
//	' .formView .ctrlGrid.#class_name_tbl#.gridType_captionRowBased tr.oddRow:first-child .controlLabel,' 	+
//	' .formView .ctrlGrid.#class_name_tbl#.gridType_captionRowBased table tr:first-child .controlHint,		'	+
//	' .formView .ctrlGrid.#class_name_tbl#.gridType_captionColumnBased .oddCell:first-child .controlLabel,	' 	+
//	' .formView .ctrlGrid.#class_name_tbl#.gridType_captionColumnBased .oddCell:first-child .controlHint,	'	+
	' .formView .ctrlTable.#class_name_tbl# table tr.oddRow:first-child th,									'	+
	' .formView .ctrlTable.#class_name_tbl# .backgroundShading4Container .tblCellInputText,		'	+
	' .formView .ctrlTable.#class_name_tbl# .backgroundShading4Container .tblCellInputNumeric,	'+		
	' .formView .ctrlTable.#class_name_tbl# .backgroundShading4Container .tblCellInputLookup,	'+		
	' .formView .ctrlTable.#class_name_tbl# .backgroundShading4Container .tblCellInputLFBluetooth,	'+		
	' .formView .ctrlTable.#class_name_tbl# .backgroundShading4Container .tblCellInputCalculate,'+		
	' .formView .ctrlTable.#class_name_tbl# .backgroundShading4Container .inputCtrl,			'+		
	' .formView .ctrlTable.#class_name_tbl# .backgroundShading4Container .tblCellInputDate,		'+		
	' .formView .ctrlScoreTable.#class_name_tbl# table tr.oddRow:first-child th,				'+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tr.oddRow:first-child th			'+	
	' {																		'	+	
	'	color : #color#;													'	+	
	' }																		'	+
	// Apply text color for ChooseOne inside FixedTable
	' .formView .ctrlTable.#class_name_tbl# table tr.oddRow:first-child th .ctrlTableCell_inputSelectOne,	'	+
	' .formView .ctrlTable.#class_name_tbl# .backgroundShading4Container .ctrlTableCell_inputSelectOne		'	+
	' {																		'	+	
	'	color : #color# !important;											'	+	
	' }																		'	+
	
	// Border options of current table (left/top/right)
	' .formView .ctrlTable.#class_name_tbl# table tr.oddRow:first-child th,	'	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tr.oddRow:first-child th	'	+
	// Fwd: Questionnaire (9/2/2015 9:22 PM)
	// DO NOT DRAW BORDER OF QUESTIONNAIRE
	//' .formView .ctrlScoreTable.#class_name_tbl# table tr.oddRow:first-child th	'+
	' {																		'	+	
	'	border-left : 1px solid #border_color#;								'	+
	'	border-top  : 1px solid #border_color#;								'	+
	'	border-right: 1px solid #border_color#;								'	+
	' }																		'	+	
	' .formView .ctrlTable.#class_name_tbl# table tr .backgroundShading4Container:first-child, '	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tr .backgroundShading4Container:first-child '	+
	' {																		'	+	
	'	border-left : 1px solid #border_color#;								'	+
	'	border-top  : 1px solid #border_color#;								'	+	
	' }																		'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr:last-child .backgroundShading4Container:first-child, '+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tbody tr:last-child .backgroundShading4Container:first-child '+
	' {																		'	+	
	'	border-bottom : 1px solid #border_color#;							'	+		
	' }																		'	+	
	// Special for table/questionnaire
	' .formView .ctrlTable.#class_name_tbl#.noBorderSpecial table, 			'	+
	' .formView .ctrlScoreTable.#class_name_tbl#.noBorderSpecial table,		'	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl#.noBorderSpecial table 		'	+
	' {																		'	+	
	'	border-right : none;												'	+
	' }																		'	+
	' .formView .ctrlTable.#class_name_tbl#.noBorderSpecial table tr:nth-child(n+1), '+
	' .formView .ctrlRepeatableSummary.#class_name_tbl#.noBorderSpecial table tr:nth-child(n+1) '+
	// Fwd: Questionnaire (9/2/2015 9:22 PM)
	// DO NOT DRAW QUESTIONNAIRE BORDER 
	//' .formView .ctrlScoreTable.#class_name_tbl#.noBorderSpecial table tr:nth-child(n+1) '+
	' {																		'	+	
	'	border-right : 1px solid #666666;									'	+
	' }																		'	+
	
	// Shaded row for table/questionnaire	
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td, 				'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th,				'	+
	' .formView .ctrlScoreTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td,			'	+
	' .formView .ctrlScoreTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th,			'	+	
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td, 				'	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th,				'	+
	' {														'	+
	'	background-color : #background_shade_row# !important;		' 	+
	'	color : #color_text_row#;							' 	+	
	' }														'	+
	// Apply text color for ChooseOne inside FixedTable
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .ctrlTableCell_inputSelectOne 	'	+
	' {															'	+
	'	color : #color_text_row# !important;					' 	+	
	' }															'	+	
	
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table, 	'	+	
	' .formView .ctrlTable.#class_name_tbl# tr th.backgroundShading4Container_table, 	'	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# tr td.backgroundShading4Container_table, 	'	+	
	' .formView .ctrlRepeatableSummary.#class_name_tbl# tr th.backgroundShading4Container_table 	'	+
	' {																	'	+
	'	background-color : #background_shade_row# !important;			' 	+
	'	color : #color#;										' 	+	
	' }															'	+
	
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table .tblCellInputText, 	'	+	
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table .tblCellInputNumeric, 	'	+	
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table .tblCellInputLookup, 	'	+		
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table .tblCellInputLFBluetooth, 	'	+	
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table .tblCellInputCalculate, 	'	+
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table .tblCellInputDate, 	'	+	
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table .inputCtrl, 	'	+
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table input, 	'	+	
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table select, 	'	+	
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table textarea, 	'	+	
	' .formView .ctrlTable.#class_name_tbl# tr td.backgroundShading4Container_table .controlHint, 	'	+	
	' .formView .ctrlRepeatableSummary.#class_name_tbl# tr td.backgroundShading4Container_table .controlData, 	'	+		
	' .formView .ctrlRepeatableSummary.#class_name_tbl# tr td.backgroundShading4Container_table .controlHint 	'	+
	' {																	'	+
	'	color : #color_text_row# !important;										' 	+	
	' }' 	+	
	// Row color for table/grid	
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .tblCellInputText,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th .tblCellInputText,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .tblCellInputNumeric,'+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th .tblCellInputNumeric,'+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .tblCellInputLookup,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th .tblCellInputLookup,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .tblCellInputLFBluetooth,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th .tblCellInputLFBluetooth,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .tblCellInputCalculate,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th .tblCellInputCalculate,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .inputCtrl,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th .inputCtrl,'	+	
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .tblCellInputDate,'	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th .tblCellInputDate,'	+
	// 0024936: Table - Shaded row is incorrect for Barcode, NFC, Calc, Chooseone Simple on Preview/Web App/new Dispatch UI
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td input, '	+
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td select, '	+	
	' .formView .ctrlScoreTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .controlHint,'	+
	// 0025297: Preview - Questionnaire - Row text color don't work on Comment column
	' .formView .ctrlScoreTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td textarea, '	+
	' .formView .ctrlScoreTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th .controlHint, '	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th,'	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td,'	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) td .controlData,'	+
	' .formView .ctrlRepeatableSummary.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) th .controlHint '	+
	' {																'	+
	'	background-color : #background_shade_row# !important;		' 	+
	// The shade row + color shade row is always top priority
	'	color : #color_text_row#;						' 	+	
	' }																'	+
	// Special with ChooseOne/Score/SelectMultiple highlight	
	' .formView .ctrlTable.#class_name_tbl# table tbody tr.oddRow:nth-child(n+1) .ctrlTableCell_inputSelectOne '	+	
	' {																'	+
	'	color : #color_text_row# !important;						' 	+	
	' }																'
;

var TEMPLATE_SHADE_HEADINGS_WEBAPP_SCORE_SUMMARY =
	' .formView .scoreSummary.#class_name# table .smCategory { 			'	+
	'	padding-left : 5px !important;									' 	+	
	' }																	'	+
	' .formView .scoreSummary.#class_name# .controlHeaderScoreSummary { ' 	+
	'	border-bottom : 1px solid #border_color#;						' 	+	
	' }																	'
; 

var TEMPLATE_SHADE_HEADINGS_WEBAPP_MEDIA =
	// Media controls (Sketch/Signature/Image/Audio/Video)
//	'  .formView .inputSketch.#class_name# .controlHint  		'	+
//	' ,.formView .inputSignature.#class_name# .controlHint		'	+
//	' ,.formView .inputImage.#class_name# .controlHint 			'	+	
//	' ,.formView .inputAudio.#class_name# .controlHint			' 	+	
//	' ,.formView .inputVideo.#class_name# .controlHint			' 	+
//	' { 														'	+
//	' 	border-bottom: 1px solid #border_color# !important;		'	+	
//	' } 														'	+
	'  .formView .inputSketch.#class_name# .controlData  		'	+
	' ,.formView .inputSignature.#class_name# .controlData		'	+
	' ,.formView .inputImage.#class_name# .controlData 			'	+	
	' ,.formView .inputImageViewer.#class_name# .controlData 			'	+	
	' ,.formView .inputAudio.#class_name# .controlData			' 	+	
	' ,.formView .inputVideo.#class_name# .controlData			' 	+
	' { 														'	+
	' 	border-top: 1px solid #666666 !important;				'	+
	' } 														'   +
	'  .formView .inputSketch.removeBrdArdAnswr_NoBorderHeadings.#class_name# .controlData  		'	+
	' ,.formView .inputSignature.removeBrdArdAnswr_NoBorderHeadings.#class_name# .controlData		'	+
	' ,.formView .inputImage.removeBrdArdAnswr_NoBorderHeadings.#class_name# .controlData 			'	+	
	' ,.formView .inputImageViewer.removeBrdArdAnswr_NoBorderHeadings.#class_name# .controlData 			'	+	
	' ,.formView .inputAudio.removeBrdArdAnswr_NoBorderHeadings.#class_name# .controlData			' 	+	
	' ,.formView .inputVideo.removeBrdArdAnswr_NoBorderHeadings.#class_name# .controlData			' 	+
	' { 																							'	+
	' 	border-top: none !important;				            									'	+
	' } 																							'
;


// The button text template (shadingButtonCtrlBackgrnd, shadingButtonCtrlColorBackgrnd)
var TEMPLATE_SHADE_BUTTON_TEXT_WEBAPP =
	'  .formView .#class_name_shade# .normalNowBtn  					'	+
	' ,.formView .#class_name_shade# .tblCellNowBtn					' 	+
	' ,.formView .#class_name_shade# .btn-style						' 	+
	' ,.formView .#class_name_shade# .grid-btn-style					' 	+
	' ,.formView .#class_name_shade# .btnUpDownCustomShading			' 	+
	' ,.formView .#class_name_shade# .btnUpDownCustomShading4Table	' 	+
	' ,.formView .#class_name_shade# .btnCustomNoShading				'	+
	' ,.formView .#class_name_shade# .normalScanBtn.normal-btn-style	'	+
	' ,.formView .#class_name_shade# .normalCaptureBtn.normal-btn-style	'	+
	
	' ,.formView td.ctrl_selected .#class_name_shade# .btn-style	'	+
	
	// 0025944: image text of Action button does not show 
	' ,.formView .inputPayment.#class_name_shade# .controlLabel	'	+
	
	// Fix bug 0025295: Preview - Action button - Button text color don't work on Image text in case Default setting
	//' ,.formView .#class_name_shade#.inputAction .actionBtn				'	+
	' { 																'	+
	'	background-color: #background# !important;						'	+
	' } 																'	+	
	'  .formView .#class_name_color# .normalNowBtn  					'	+
	' ,.formView .#class_name_color# .tblCellNowBtn						' 	+
	' ,.formView .#class_name_color# .btn-style							' 	+
	' ,.formView .#class_name_color# .grid-btn-style					' 	+		
	' ,.formView .#class_name_shade# .btnUpDownCustomShading			' 	+
	' ,.formView .#class_name_shade# .btnUpDownCustomShading4Table		' 	+
	' ,.formView .#class_name_shade# .btnCustomNoShading				'	+
	' ,.formView .#class_name_shade# .normalScanBtn.normal-btn-style	'	+
	' ,.formView .#class_name_shade# .normalCaptureBtn.normal-btn-style	'	+
	
	// 0025944: image text of Action button does not show 
	' ,.formView .inputPayment.#class_name_shade# .controlLabel	'	+
	
	// Fix bug 0025295: Preview - Action button - Button text color don't work on Image text in case Default setting
	' ,.formView .#class_name_shade#.inputAction .controlLabel			'	+	
	' { 																'	+
	'	color: #color# !important; 										'	+
	' } 																'	
;

var TEMPLATE_SHADE_BUTTON_GROUP_WEBAPP =
	'  .formView .group.#class_name_shade# > .groupFooter > .groupFooterButton > .controlInfo > .controlData > .btn-style-contain > .btn-style   '	+
	'  ,.TEMPLATE_SHADE_BUTTON_GROUP_WEBAPP   '	+
	' { 																	'	+
	'	background-color: #background# !important;								'	+
	' } 																	'	+
	'  .formView .group.#class_name_shade# > .groupFooter > .groupFooterButton > .controlInfo > .controlData > .btn-style-contain > .groupAdd   '	+
	' { 																	'	+	
	'	color: #color# !important; 											'	+
	' } 																	'	+	
	// Disable mode with ActiveButton in Group
	' .formView .group.#class_name_color# .groupLoop .controlLabelButtonDelete4Shading.hideSessionImp ' +
	' ,.formView .group.#class_name_color# > .groupFooter > .groupFooterButton > .controlInfo > .controlData > .btn-style-contain > .groupAdd.hideSessionImp	' +
	' { 																	'	+
	'	color: #898989 !important;											'	+
	' } 																	'
;

// PCA-250: Web App/Preview support for button color
var TEMPLATE_SHADE_HEADINGS_ACTIVE_BUTTON_COLOR =
	'  .formView .#class_name_color#.ctrl_selected .normalNowBtn  				'	+
	' ,.formView .#class_name_color#.ctrl_selected .tblCellNowBtn				' 	+
	' ,.formView .#class_name_color#.ctrl_selected .btn-style					' 	+
	' ,.formView .#class_name_color#.ctrl_selected .grid-btn-style				' 	+	
	' ,.formView .#class_name_color# .normalNowBtn:hover  				'	+
	' ,.formView .#class_name_color# .tblCellNowBtn:hover				' 	+
	' ,.formView .#class_name_color# .btn-style:hover					' 	+
	' ,.formView .#class_name_color# .grid-btn-style:hover				' 	+		
	' ,.formView .#class_name_color#.ctrl_selected .btnUpDownCustomShading			' 	+
	' ,.formView .#class_name_color#.ctrl_selected .btnUpDownCustomShading4Table	' 	+
	' ,.formView .#class_name_color#.ctrl_selected .btnCustomNoShading				'	+
	' ,.formView .#class_name_color#.ctrl_selected .normalScanBtn.normal-btn-style	'	+	
	' ,.formView .#class_name_color#.ctrl_selected .btnUpDownCustomShading4Table	'	+
	' ,.formView .#class_name_color#.ctrl_selected .btnCustomNoShading	'	+
	' ,.formView .#class_name_color#.ctrl_selected.groupAdd				'	+
	' ,.formView .#class_name_color#.ctrl_selected.groupDelete			'	+
	' ,.formView td.ctrl_selected .#class_name_color# .grid-btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected .normal-btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected .normalScanBtn.normal-btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected .normalCaptureBtn.normal-btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected .table-btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected.inputSketch .btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected.inputSignature .btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected.inputImage .btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected.inputImageViewer .btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected.inputAudio .btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected.inputAttachment .btn-style	'	+	
	' ,.formView .#class_name_color#.ctrl_selected.inputVideo .btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected.inputLocation .btn-style	'	+
	
	// 0025944: image text of Action button does not show 
	' ,.formView .#class_name_color#.ctrl_selected.inputPayment .controlLabel'	+
	' ,.formView .#class_name_color#.ctrl_selected.inputPayment .controlHint'	+
	
	// Fix bug 0025944: image text of Action button does not show
	' ,.formView .#class_name_color#.ctrl_selected.inputAction .btn-style	'	+
	' ,.formView .#class_name_color#.ctrl_selected.inputAction .controlLabel '	+
	' ,.formView .#class_name_color#.ctrl_selected.inputAction .controlHint '	+
	' ,.formView .#class_name_color#.ctrl_selected.inputTrends .btn-style	'	+
	' ,.formView td.#class_name_color#.ctrl_selected .btn-style				'	+
	' ,.formView .#class_name_color#.ctrl_selected .inputCounterWrapButtonUpDown .btnUpDownCustomShading	' +
	// Apply for button inside Grid
	' ,.formView td.ctrl_selected .#class_name_color# .btnUpDownCustomShading4Table	'	+
	' ,.formView td.ctrl_selected .#class_name_color# .btnPickFromMap		'	+
	' ,.formView td.ctrl_selected .#class_name_color# .btn-style			'	+
	' ,.formView td.ctrl_selected .#class_name_color# .normalScanBtn		'	+	
	' { 																	'	+
	'	color: #color# !important; 											'	+
	' } 																	'	
;

var TEMPLATE_SHADE_HEADINGS_ACTIVE_BUTTON_COLOR_4GROUP =
	// Group button X
	//' .formView .group.#class_name_color# .groupLoop .controlLabelButtonDelete4Shading.ctrl_selected ' +
	' .formView .group.#class_name_color# > .groupFooter > .groupFooterButton > .controlInfo > .controlData > .btn-style-contain > .groupAdd.ctrl_selected	' +
	' ,.formView .group.#class_name_color# > .groupFooter > .groupFooterButton > .controlInfo > .controlData > .btn-style-contain > .groupAdd:hover	' +
	' { 																	'	+
	'	color: #color# !important; 											'	+
	' } 																	'	+
	// Disable mode with ActiveButton in Group
	//' .formView .group.#class_name_color# .groupLoop .controlLabelButtonDelete4Shading.ctrl_selected.hideSessionImp ' +
	' .formView .group.#class_name_color# > .groupFooter > .groupFooterButton > .controlInfo > .controlData > .btn-style-contain > .groupAdd.ctrl_selected.hideSessionImp	' +
	' ,.formView .group.#class_name_color# > .groupFooter > .groupFooterButton > .controlInfo > .controlData > .btn-style-contain > .groupAdd.hideSessionImp:hover	' +
	' { 																	'	+
	'	color: #898989 !important;											'	+
	' } 																	'
; 	

// CO-6355: Add options to action button appearance
var TEMPLATE_SHADE_HEADINGS_BUTTON_BORDER_COLOR =
	'  .formView .#class_name_color# .normalNowBtn  			'	+
	' ,.formView .#class_name_color# .tblCellNowBtn				' 	+
	' ,.formView .#class_name_color# .btn-style					' 	+
	' ,.formView .#class_name_color# .grid-btn-style			' 	+
	' ,.formView .#class_name_color# img.actionBtn				' 	+
	' ,.formView .#class_name_color# canvas.actionBtn			' 	+
	' { 																	'	+
	'	border-style: solid !important; 									'	+
	'	border-color: #color# !important; 									'	+
	'	border-width: 1px !important; 										'	+
	'	border-radius: #border-radius# !important; 							'	+
	' }																		'
;

//Use the color for selected border instead of default color
//Affected version : VERSION_ACTIVE_BOX
var TEMPLATE_SHADE_HEADINGS_ACTIVE_BOX_COLOR =	
	' .formView .selected_border,												' +
	' .formView td.ctrl_selected,												' +
	' .formView td.ctrl_cap_selected,											' +
	' .formView .ctrlScoreTable .selected_border,								' +
	' .formView .inputDate.shadingControlBackground.ctrl_selected .controlData,	' +
	' .formView .inputDate.layoutControlCommonWA.ctrl_selected .controlData,	' +
	' .formView .removeBorderAroundAnswerOUT.inputLocation .inputinner.selected_border  '	+
	' { 																		' +
	'	border: 1px solid #selected_border_color# !important; 					' +
	' } 																		' +
	' .formView .ctrl_selected .noImage,										' +
	' .formView .ctrl_selected .noSignatureImage								' +
	' { 																		' +
	'	border: medium dashed #selected_border_color# !important; 				' +
	' } 																		' +
	' .formView .ctrl_selected													' +
	' { 																		' +
	'	border-color : #selected_border_color# !important; 						' +
	' } 																		' +		
	' .formView .ctrlGrid td.ctrl_selected,										' +
	' .formView .ctrlGrid td.removeBorderAroundAnswer.ctrl_selected,			' +
	' .formView .ctrlGrid td.removeBorderAroundAnswer.ctrl_cap_selected			' +
	' { 																		' +
	'	border: 2px solid #selected_border_color# !important; 					' +
	' } 																		' +
	' .formView .removeBorderAroundAnswerOUT.removeBrdArdAnswr_NoBorderHeadings.inputText .inputinner_textarea textarea.selected_border,	 ' +
	' .formView .removeBorderAroundAnswerOUT.removeBrdArdAnswr_NoBorderHeadings.inputCounter .selected_border,	 ' +
	' .formView .removeBrdArdAnswr_NoBorderHeadings.ctrl_selected .inputinner, 	' +
	' .formView .removeBrdArdAnswr_NoBorderHeadings.inputCounter #counterCtrl.selected_border,  	' +
	' .formView .removeBorderAroundAnswerOUT.inputTrends.ctrl_selected .controlData .inputinner, 	' +
	' .formView .removeBorderAroundAnswerOUT.inputNewPayment.ctrl_selected .controlData .inputinner ' +
	' { 																		' +
	'	border-top: 1px solid #selected_border_color# !important; 				' +
	' } 																		' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.removeBrdArdAnswr_NoBorderHeadings.inputText .inputinner_textarea textarea.selected_border,	 ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.removeBrdArdAnswr_NoBorderHeadings.inputCounter .selected_border,	 ' +
	' .formView .TurnOffOutline.removeBrdArdAnswr_NoBorderHeadings.ctrl_selected .inputinner, 	' +
	' .formView .TurnOffOutline.removeBrdArdAnswr_NoBorderHeadings.inputCounter #counterCtrl.selected_border,  	' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputTrends.ctrl_selected .controlData .inputinner, 	' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputNewPayment.ctrl_selected .controlData .inputinner ' +
	' { 																		' +
	'	border-top: none !important; 				' +
	' } 																		' +
	' .formView .removeBorderAroundAnswerOUT.ctrl_selected .controlData .inputinner, ' +
	' .formView .removeBorderAroundAnswerOUT.ctrl_selected .controlData .textareainner1, ' +
	' .formView .removeBorderAroundAnswerOUT.inputNumbering.ctrl_selected .inputinner, ' +
	' .formView .removeBorderAroundAnswerOUT.inputText.ctrl_selected .inputinner_textarea, ' +
	' .formView .removeBorderAroundAnswerOUT.inputBarcode.ctrl_selected .inputinner_textarea, ' +
	' .formView .removeBorderAroundAnswerOUT.inputCalculate.ctrl_selected .inputinner, ' +
	' .formView .removeBorderAroundAnswerOUT.inputEmailReport.ctrl_selected .inputinner, ' +
	' .formView .removeBorderAroundAnswerOUT.inputEmailReport.ctrl_selected .textareainner1, ' +
	' .formView .removeBorderAroundAnswerOUT.inputCounter #counterCtrl.selected_border, ' +
	' .formView .removeBorderAroundAnswerOUT.inputDate.ctrl_selected .controlData ' +
	' { 																		' +
	'	border-left: 1px solid #selected_border_color# !important; 				' +
	'	border-right: 1px solid #selected_border_color# !important; 			' +
	'	border-bottom: 1px solid #selected_border_color# !important; 			' +
	' } 																		'+
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.ctrl_selected .controlData .inputinner, ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.ctrl_selected .controlData .textareainner1, ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputNumbering.ctrl_selected .inputinner, ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputText.ctrl_selected .inputinner_textarea, ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputBarcode.ctrl_selected .inputinner_textarea, ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputCalculate.ctrl_selected .inputinner, ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputEmailReport.ctrl_selected .inputinner, ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputEmailReport.ctrl_selected .textareainner1, ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputCounter #counterCtrl.selected_border, ' +
	' .formView .TurnOffOutline.removeBorderAroundAnswerOUT.inputDate.ctrl_selected .controlData ' +
	' { 																		' +
	'	border-left: none !important; 				' +
	'	border-right: none !important; 			' +
	'	border-bottom: none !important; 			' +
	' } 																		'
;

// Process Answer Color for Web forms GUI
// ( default : addAnswerColor )
var TEMPLATE_SHADE_HEADINGS_ANSWER_COLOR =
	// Customer's ticket : CO-278 : Table Answer Color Bug
	' .formView .ctrlTable[class*="shadingHeadingsControl4WA"] table tbody tr.oddRow:nth-child(n+1) td.#answer_color_class# .tblCellInputText, ' +
	' .formView .ctrlTable.shadingControlBackground4TableDefault table tbody tr.oddRow:nth-child(n+1) td.#answer_color_class# .tblCellInputText, ' +
	' .formView .ctrlTable table tbody tr.oddRow:nth-child(n+1) td.#answer_color_class# .tblCellInputText, ' +
	' .formView .#answer_color_class# .controlData textarea,				' +
	' .formView .#answer_color_class# .controlData input,					' +
	' .formView .#answer_color_class# .controlData .gpsInformationDetailWA,	' +
	' .formView .inputCalculate.#answer_color_class# .controlData input,	' +	
	' .formView .inputCalculate.#answer_color_class# .controlData div.displayText,	' +	
	' .formView .#answer_color_class# .controlData .tblCellInputCalculate,	' +
	' .formView .ctrlRepeatableSummary[class*="shadingHeadingsControl4WA"] table tbody tr.oddRow:nth-child(n+1) td.#answer_color_class# .controlData,	'	+
	' .formView .ctrlRepeatableSummary.shadingControlBackground4TableDefault table tbody tr.oddRow:nth-child(n+1) td.#answer_color_class# .controlData,	'	+
	' .formView .ctrlRepeatableSummary table tbody tr.oddRow:nth-child(n+1) td.#answer_color_class# .controlData	'	+
	' { 													' +
	'	color: #answer_color# !important;		 			' +
	' } 													'
;