			/*****************************************************************************************/
			/*		GLOBAL																			 */
			/*****************************************************************************************/			
			body
			{
				background-color:#ffffff; 
				margin:0px;
			}
			table
			{			
				font-family:verdana; 
				font-size:10px; 
				color:#666666; 
				vertical-align:top
			}
			
			a
			{
				color:#660099; 
				text-decoration:none
			}
			a.currentLink
			{
				color:#660099; 
				text-decoration:underline;					
			}
			a:hover
			{
				color:#660099; 
				text-decoration:underline
			}
			
			/*****************************************************************************************/
			/*		CONTROLS																		 */
			/*****************************************************************************************/			
			textarea
			{
				border:#99cc66 1px solid; 
				background-color:#ffffff; 
				height:16px; 
				width:495px; 
				height:200px;
				font-size:9px; 
				font-family:verdana; 
				color:#999999;				
			}
			.button
			{
				BORDER:#99CC66 1PX SOLID; 
				BACKGROUND-COLOR:#F3F3F3; 
				font-weight:bold; 
				font-size:9px; 
				font-family:verdana; 
				color:#666666
			}
			.textBox
			{
				border:#99cc66 1px solid; 
				background-color:#ffffff; 
				height:16px; 
				width:150px; 
				font-size:9px; 
				font-family:verdana; 
				color:#999999;
			}
			.passwordBox
			{
				border:#99cc66 1px solid; 
				background-color:#ffffff; 
				height:16px; 
				width:150px; 
				font-size:9px; 
				font-family:verdana; 
				color:#999999;
			}
			
			.dropList
			{
				border:#99cc66 1px solid; 
				background-color:#ffffff; 
				font-size:9px; 
				font-family:verdana; 
				color:#999999;				
			}
			.multiLineList
			{
				border:#99cc66 1px solid; 
				background-color:#ffffff; 
				font-size:9px; 
				font-family:verdana; 
				color:#999999;
			}

			/*****************************************************************************************/
			/*		TABLE SIZES	AND DEFAULT PADDING													 */
			/*****************************************************************************************/
			.main table
			{
				/* Uncomment this to apply a fixed width for the main table */
				/* width: 800px; */
			}
			.sectionContent table
			{
				width:600px;
				height:0px;
				/* 
					The text-align is valid only for ie.
					NB. The aign attribute is set to center in the table
					If you want to override that then use the float to set it to left or right
					IE. only
					text-align:center;
					Mozilla and IE
					float:right;
				*/		
			}
			
			/*****************************************************************************************/
			/*		HEADER																			 */
			/*****************************************************************************************/
			.headerRow
			{
				
				height: 61px; 
				background-color: #99CC66; 
				background-image:url("images/banner.gif");
				background-repeat:no-repeat; 
				color: #FFFFFF; 			
			}
			.headerRow td
			{
				padding:10px; 
				border-bottom:#660099 1px solid; 
				text-align:right								
			}
			.headerRow div
			{
				background-image:url('images/help.gif'); 
				background-repeat:no-repeat; 
				float:right;
				width:58px; 
				height:49px;								
			}
			.headerRow div span
			{
				display:none;
			}			
			
			/*****************************************************************************************/
			/*		FOOTER																			 */
			/*****************************************************************************************/
			.footerRow
			{
				text-align:center;	
			}
			/*****************************************************************************************/
			/*		MENU																			 */
			/*****************************************************************************************/
			.menu
			{
				/* So resizing does not collapse menu */
				width: 150px;
				/* set top margin drop */
				margin-top: 25px;
			}
			.menuColumn
			{
				vertical-align: top;
				width: 150px;
				background-color: #EEEEEE;
			}
			.menuHeader
			{
				padding-left:10px;
				color:#99CC66; 
				font-weight:bold; 
				text-decoration:none				
					
			}
			.menuItem
			{
				padding-left: 25px;
			}			
			
			/*****************************************************************************************/
			/*		CONTENT																			 */
			/*****************************************************************************************/			
			.contentColumn
			{
				padding-left:10px;
				padding-top:10px;
				vertical-align:top;
			}
			.content
			{
				
			}
			/* Page Title, Content & Footer Alignment */
			.pageTitleRow td
			{
				height: 20px;
				font-weight:normal; 
				font-size:14pt;			
				vertical-align:top;
			}
			.pageDetailColumn
			{
				text-align:center;
				vertical-align:top;
			}
			.sectionContentRow
			{
				/* This prevents the entire table row from expanding on resize*/
				height: 0px;
			}
			.sectionContentColumn
			{
				vertical-align:top;
			}
			.pageFooterRow td
			{
				text-align: center;
				height:20px;
			}
			
			/* Page Section Content Styles */
			/* The section header column */			
			.sectionHeader td
			{
				height:25px;
				color:#663399; 
				font-weight:bold; 
				padding-bottom:2px;
				border-bottom:#cccccc 1px solid;
				vertical-align:bottom;
			}
			.sectionHeaderBreak td
			{
				height: 5px;	
			}
			/* The section detail column */
			.sectionDetail td
			{
				height:25px;
				padding:2px;
				
			}			
			/* The section footer column */
			.sectionFooter td
			{
				text-align: center;
				height: 20px;
				/* set the section not to display */
				display:none;
			}
			/* Other types */
			.sectionConfirm
			{
				text-align:center;
			}			
			/* When an error is thrown */
			.sectionError td
			{
				height:0px;
				text-align:center;
				text-indent: 10px;
				color:Red;				
			}
			/* When a field denotes some description */
			.sectionDetail td.fieldInfoText
			{
				height:80px;
				width:250px;
			}
			
			.fieldInfoText span
			{
				text-align:left;
				
			}									
			/* When the row has some text in between fields */
			.fieldBreakText
			{
				text-align:left;
				text-indent: 10px;
				
			}						
			/* When the row has some text above a field section */
			.fieldHeaderText
			{
				text-align:center;				
			}			
			/* When the row has just a single drop list */
			.fieldDetailDropListItems
			{
				text-align: center;
			}
			/* The drop list in the row above */
			.fieldDetailDropListItems select
			{
				width: 200px;
			}			
			/* Where a field name is above the control */
			.fieldNameHeader
			{
				font-size:12px;
				font-weight: bold;
				text-align: center;
				vertical-align:bottom;
			}
			/* The span inside the cell that needs to be positioned above the control */
			.fieldNameHeader span
			{		
				text-align:left;
				text-indent: 5px;
				/* change this when the control length changes in this scenario */
				width:200px;
			}
			/* The field name column */
			.fieldName
			{
				text-align: right;
				text-indent: 10px;
				width: 240px;
			}
			/* The field detail column where there is text */
			.fieldDetail
			{
				text-indent: 10px;
				width: 360px;
			}			
						
			.fieldDetail span
			{
				width:360px;
			}
			/* The field detail column and control */
			.fieldDetailEdit
			{
				width: 260px;
			}
			.fieldDetailEdit input.textBox
			{
				width: 150px;
			}			
			.fieldDetailEdit select
			{	
				width: 150px;
			}			
			.fieldDetailEdit span.checkBox input
			{
								
			}			
			/* The submit button column */
			.fieldDetailSubmit
			{
				text-align:right;
			}
			/* Where there is add remove functionality */
			.fieldDetailItems
			{
				text-align: center;
				width: 200px;
			}

			.fieldDetailItems select
			{
				/* covers up for 5px padding */
				width: 210px;
			}
						
			.fieldDetailSelect
			{
				text-align: center;
				width:100px;
			}					

			.fieldDetailSelect input.button
			{
				width:50px;
			}					


			/* Where there are drop lists to configure items one below each other */
			.fieldDetailConfigureItems
			{
				text-align: center;			
			}
			
			.fieldDetailConfigureItems select
			{
				width: 200px;
			}
			
			.fieldDetailConfigureItems input
			{
				width: 200px;
			}			
			
			.fieldDetailConfigureSubmit input.button
			{
				
				margin-left: 400;
			}			

			/* The containing column for a datagrid */
			.gridViewColumn
			{
				padding:0px;
			}
			
			/*****************************************************************************************/
			/*		GRID VIEW TABLE																	 */
			/*****************************************************************************************/				
			/* just a generic style for a gridview and it's columns*/
			.gridView
			{
				/* Remove default 2px padding */
				margin:-2px;
			}	
			.gridView td
			{
				padding:5px;
			}
			/* Grid paging row style */
			.gridView tr.gridPager td
			{
				border-bottom:#cccccc 1px solid;
			}
			/* Grid header row style */
			.gridView tr.gridHeader td
			{
				border-bottom:#99cc66 2px solid; 
				font-weight:bold;
			}			
			/* Grid item row style */
			.gridView tr.gridItem td
			{
				border-bottom:#cccccc 1px solid;
			}			
			/* Grid footer row style */
			.gridView tr.gridFooter
			{
				
			}			
			
