/*
font: 0.8125em arial, helvetica, sans-serif;
table, th, td, input, select { font-size: 100%; }
p {	margin: 0 0 1.3em 0; }

*/
.grid0
{
	background-color: #ffffff;
	border-bottom: 1px solid #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border-right: 1px solid #F1ECE2;
}
.grid1
{
	background-color: #FAF8F5;
	border-bottom: 1px solid #eeeeee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border-right: 1px solid #F1ECE2;
}

		.cmgr_xmlHeader { font: bold 10px verdana, sans-serif; border-bottom: 1px solid #555;}	
		.cmgr_xmlDetail { font: normal 10px verdana, sans-serif; }	
		.cmgr_DivHeader { font: bold 11px verdana, sans-serif; color: #516079;}			
		.cmgr_DivPager { font: normal 10px verdana, sans-serif; color: #516079;}	
		
						
		/*A:link, A:visited, A:active    {
			color:  red;
		
			}*/
		A:hover {
			text-decoration:    underline;
			color:  Navy;
			}
		tr.header td, tr.header td a { font-weight: bold; }
		
		#cmgr_wrapper {
			width: 750px;
			margin: 0 auto;
			font-family: arial, helvetica, sans-serif;
			}		
		a.cmgr_action, .cmgr_small { font: bold 10px verdana, sans-serif; color: #516079; }
		a.cmgr_actionNoBold { font: normal 10px verdana, sans-serif; color: #516079; }
		
		/*.cmgr_datatable { background: #fff; border: 1px solid #CAD9F2; margin-top: 7px}
		.cmgr_datatable td { font: normal 11px verdana, sans-serif; padding: 2px; }
		tr.cmgr_stripe { background: #EEF4FE; }
		tr.cmgr_warning { background: #FF6666; }	
		tr.cmgr_footer, tr.cmgr_header { background: #CAD9F2; font: bold 110% arial, helvetica, sans-serif;	color: #516079} */
		
		.cmgr_LessSmall { font: normal 11px verdana, sans-serif; }		
		.cmgr_attributes { font: normal 10px verdana, sans-serif;}					
		.cmgr_smallinputRight { font: normal 10px verdana, sans-serif; text-align: right;}	
		.cmgr_smallinput { font: normal 10px verdana, sans-serif; }		

		.cmgr_smallinputRightRO { font: normal 10px verdana, sans-serif; text-align: right; background-color: #E7E4D3;}	
		.cmgr_smallinputRO { font: normal 10px verdana, sans-serif; background-color: #E7E4D3;}		
		
		.cmgr_smallbutton { font: normal 11px verdana, sans-serif; }	
		.cmgr_smallbuttonBold { font: bold 12px verdana, sans-serif;}	
		.cmgr_segment { display: block; padding: 7px; position: relative; }
		.cmgr_segment h2 { margin: 0 0 2px 0; font: bold 12pt arial, helvetica, sans-serif;}		
		
		#cmgr_searchbox {
			margin-top: 0px;
			position: relative;
			border: 1px solid #CAD9F2;
			background: White;
			}
		#cmgr_searchbox, table.border {
			border-bottom: 3px solid #CAD9F2;
			border-top: 3px solid #CAD9F2;
			margin-bottom: 5px;
			margin-top: 0px;
			}
		#cmgr_searchbox h2 { 
			margin: 0; 
			font: bold 12pt arial, helvetica, sans-serif;
			color: #516079;
			}					

		#cmgr_searchbox h3 { 
			margin: 0; 
			font: bold 10pt arial, helvetica, sans-serif;
			color: #516079;
			}

		.cmgr_H2, td.cmgr_H2 { 
			margin: 0; 
			font: bold 12pt arial, helvetica, sans-serif;
			color: #516079;
			}	

		.cmgr_H3, td.cmgr_H3 { 
			margin: 0; 
			font: bold 10pt arial, helvetica, sans-serif;
			color: #516079; 
			}
			
		#cmgr_searchbox { background: #EBF1FF; }
		
		tr.cmgr_perm { background: #CAD9F2;}
		
		#cmgr_appointmentbox {
			display: block; 
			border: 1px solid #E7E4D3;
			background: #F1EFE2;
			margin: 5px 0 8px 0;
			}
		#cmgr_appointmentbox, table.border {
			/*border-bottom: 3px solid #CAD9F2;
			border-top: 3px solid #CAD9F2;*/
			margin-bottom: 2px;
			}
		#cmgr_appointmentbox h2 { color: #444; }
		#cmgr_legend { 
			border: 1px solid #ccc;
			background: #F8F8F8;
			margin: 10px 0 1px 0;
			font: normal 11px verdana, sans-serif; 
			
			}
		#cmgr_legend h2 
			{
			color: #666; 
			font: bold 9pt arial, helvetica, sans-serif;
			}
		#cmgr_legend table.cmgr_border {
			border-bottom: 3px solid #E6E6E6;
			border-top: 3px solid #E6E6E6;
			margin-bottom: 8px;
			font: normal 9pt arial, helvetica, sans-serif;
			}
		#cmgr_searchbox table.cmgr_border {
			border-bottom: 3px solid #E6E6E6;
			border-top: 3px solid #E6E6E6;
			margin-bottom: 0px;
			font: normal 9pt arial, helvetica, sans-serif;
			}			

		.cmgr_infobox1 {
			margin-top: 10px;			
			padding: 3px 10px;
			color: #fff;
			background: #a6a094; 
			border: 1px solid #a6a094; margin-right: 50px; width: 340px;
			}
		.cmgr_infobox2 {
			padding: 8px 10px;
			color: #7C7B79;
			background: #E7E4D3;
			border: 1px solid #E7E4D3; margin-right: 50px; width: 340px;
			}
		td.cmgr_subtablecellTop {
			padding-top: 0px; 
			margin-top: 0px; 
			}
			
		/*

			padding-top: 0px; 
			margin-top: 0px; 
			padding-bottom: 0px; 
			margin-bottom: 0px; 

*/	
		td.cmgr_subtablecellBottom {

			padding: 1px;
			}
		
		table.cmgr_showcase 
			{
			border: 1px solid #ccc; 
			padding: 1px;
			}
		.cmgr_graph { 
			position: relative;
			width: 100%; 
			border: 1px solid #ccc; 
			padding: 1px; 
			}
		.cmgr_graph .cmgr_bar { 
			display: block;
			position: relative;
			background: #A3D670; 
			text-align: center; 
			color: #333; 
			height: 1em; 
			line-height: 1em;            
			}
		.cmgr_graph, .cmgr_bar span {
			position: absolute; left: 1em; font: 10px verdana, sans-serif; 
			}
		.cmgr_searchbutton {
			position: absolute;
			top: 10px;
			right: 10px;
			}
		#cmgr_directions { 
			display: block; 
			font: normal 11px verdana, sans-serif; 
			background: #F1EFE2;
			padding: 5px 5px;
			margin-bottom: 7px; 
			width: 766px;
			}
		.cmgr_AssignedTitle {
			color:  #F1EFE2; 
			font-size: 11pt
			}	
		.cmgr_FeeTitle {
			font-size: 11pt;
			color: #444;
			}	
		.cmgr_ReturnLink {
			font-size: 10pt;
			font-weight:bold;
			}	
		.cmgr_TableItemBold
		{
			font: 8pt Arial;
			color: #003366;
			font-weight:bold;
		}
		table.cmgr_fixed 
		{
			TABLE-LAYOUT: fixed; 
			word-wrap: break-word;
		}
			
		
/* Table enclosing the whole control */

table.NSGSDataGrid
{	
	border: #002d96 1px solid;
}
.NSGSErrorMessage
{
	border:1px solid #002d96;
	color: #cc0000;
	background-color: #ffffff;
	font: 11px Verdana;
	padding:4px;
}
.NSGSUpdateErrorMessage
{
	border:1px solid #002d96;
	color: #cc0000;
	background-color: #ffffff;
	height:21px;
	font: 11px Verdana;
	padding-top:2px;padding-left:4px;padding-right:4px;
}
.NSGSUpdateMessage
{
	border:1px solid #002d96;
	color: #000000;
	background-color: #ffffff;
	height:21px;
	font: 11px Verdana;
	padding-top:2px;padding-left:4px;padding-right:4px;
}
/* Table enclosing grid column headers for scrollable grid */
table.NSGSTableScroll
{		
}
/* Table enclosing data grid border-bottom: 1px solid #002d96; border: 5px solid #002d96;*/
table.NSGSTable
{	
 border: none 0px white	
}
/* Grid Column headers (containing column names) a:visited,a:active,a:link 

		tr.footer, tr.header { background: #CAD9F2; font: bold 110% arial, helvetica, sans-serif;
			color: #516079}

*/
td.NSGSTableTH 
{
	border-top: #ffffff 1px solid;
	border-bottom: #d6d2c2 3px solid;
	padding-left:2px;
	padding-top:0px;
	font: 8pt Arial;
	color: #516079;	
	background-color: #CAD9F2;
	text-align:center;
	font-weight:bold;
	vertical-align: middle;
	/*background-color: #ebeadb;  #ccffcc  */ 
}

td.NSGSTableTH_NB
{
	font: 8pt Arial;
	color: #516079;	
	padding-top:0px;
	background-color: #CAD9F2;
	text-align:center;
	font-weight:bold;
	vertical-align: middle;
}

/* Panel at top holding the Records per page selection */
td.NSGSTableHeader
{
	font: 8pt Arial;	
	/*background-color: #a1c0f6;  #ccffcc  #cfd3ff  */
	background-color: #CAD9F2;
	border-bottom: #002d96 1px solid;
	padding:2px;
	color: #516079;	
	vertical-align: middle;
	padding-top:0px;
}
/* Panel at bottom holding the Records per page selection */
td.NSGSTableFooter
{	
	font: 8pt Arial;
	background-color: #CAD9F2;		
	padding:2px;
}
/* Panel holding FooterText */
.NSGSTableInfoFooter
{
	border-top: #ffffff 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	font: 8pt Arial;	
	padding-top: 2px;	
	background-color: #C7D1E1;
}
/* Drop down select records per page */
select.NSGSTableRecPerPage
{
	font: 8pt Arial;
}
/* Table enclosing grid elements on Form page */
table.NSGSTableFormOuter
{
	/* 
	Set the following to see it better: border:solid 10px red;
	Can be useful to manipulate when using the form only display, try the following:
	objNSGS.DisplayType = "form"
	objNSGS.RecordsPerPage = 4
	objNSGS.RecordsPerPageOptions = "2,4,6,10"
	*/
}
/* Table enclosing each record grid on the Form page */
table.NSGSTableFormDataView
{	
	/* Want to see it? border:solid 10px red; */	
}
/* Form data grid Column header (left side column in table) */
th.NSGSTableFormDataView
{
	border-top: #ffffff 1px solid;
	border-bottom: #d6d2c2 1px solid;
	font: 8pt Arial;
	color: #000000;
	background-color: #CAD9F2;
	padding-left:3px; 
}
/* Form data grid data cells 

*/
td.NSGSTableFormDataView
{
	border-top: #ffffff 1px solid;
	border-bottom: #d6d2c2 1px solid;
	font: 8pt Arial;
	color: #000000;
	background-color: #CAD9F2;
	padding-left:3px;
}
/* Button navigation bar when positioned at Top */
th.NSGSTableNavBarTop
{
	padding-top:2px;
	padding-bottom:2px;
	border-top: #ffffff 1px solid;
	font-weight: normal;
	color: black;
	background-color: #CAD9F2;	
	border-bottom: #002d96 1px solid;
}
/* Button navigation bar when positioned at Bottom */
th.NSGSTableNavBar
{
	border-top: #ffffff 1px solid;	
	padding-top:2px;
	padding-bottom:2px;
	font-weight: normal;
	color: black;
	background-color: #CAD9F2;		
}
/* The text part of the navigation bar when positioned at Top */
td.NSGSTableNavBarTop
{
  font: 8pt Verdana;
}
/* The text part of the navigation bar when positioned at Bottom */
td.NSGSTableNavBar
{
  font: 9pt Verdana;
}
/* Data Edit Button Bar */
table.NSGSEditBtnBar
{
	background-color : #BFCFEA;
	border-top: #ffffff 1px solid;		
	border-bottom: #002d96 1px solid;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:2px;
}
/* Data Edit Button Bar - single row/col*/
tr.NSGSEditBtnBar
{
}
td.NSGSEditBtnBar {
    font: 8pt Verdana;
	background-color : #BFCFEA;
}
/* Data Edit Form */
table.NSGSTableFormDataEdit
{
	font: 8pt Arial;
	color: #000000;
	background-color: #ebeadb;
}
td.NSGSTableFormDataEdit
{
	font: 8pt Arial;
	color: #000000;
	background-color: #ebeadb;
	padding-left:3px;
}
td.NSGSTableFormDataEdit
{
	background-color : #ebeadb;
	padding-left:3px;
	padding-right:3px;
}
textarea.NSGSTextArea
{
	font: 9pt Arial;
}

.NSGSInputBtn
{
}
input.NSGSTextBox
{
	font: 9pt Arial;
}
input.NSGSInput
{
	border: solid 1px #d6d2c2 ;
}
input.NSGSCheckBox
{
}
.NSGSRequiredFieldLabel
{
}
/* Data Grid Odd Numbered Row Cells */

.MilesStyle
{
  padding-left:2px;
  font: 8pt Tahoma, Arial, Helvetica;
  color: #42587E; 
  vertical-align: top;
}
td.NSGSTableTDodd
{
  padding-left:2px;
  font: 8pt Tahoma, Arial, Helvetica;
  color: #42587E; 
  vertical-align: top;
  font-weight:bold;
}

td.cmgr_Mem
{
	padding-left:2px;
	font: 8pt Tahoma, Arial, Helvetica;
	vertical-align: top;
	color: #003366;
	font-weight:bold;
}

.cmgr_Mem a:link, .cmgr_Mem a:active, .cmgr_Mem a:visited, .cmgr_Mem a:hover
{
	padding-left:2px;
	font: 8pt Tahoma, Arial, Helvetica;
	vertical-align: top;
	color: #003366;
	font-weight:bold;
}

td.cmgr_NoMem
{
	padding-left:2px;
	font: 8pt Tahoma, Arial, Helvetica;
	vertical-align: top;
	color: #42587E;
	font-weight:bold;
}

.cmgr_NoMem a:link, .cmgr_NoMem a:active, .cmgr_NoMem a:visited, .cmgr_NoMem a:hover
{
	padding-left:2px;
	font: 8pt Tahoma, Arial, Helvetica;
	vertical-align: top;
	color: #42587E;
	font-weight:bold;
}


td.cmgr_MemSm
{
	padding-left:2px;
	font: 8pt Tahoma, Arial, Helvetica;
	vertical-align: top;
	color: #003366;
	font-weight:bold;
}

.cmgr_MemSm a:link, .cmgr_MemSm a:active, .cmgr_MemSm a:visited, .cmgr_MemSm a:hover
{
	padding-left:2px;
	font: 8pt Tahoma, Arial, Helvetica;
	vertical-align: top;
	color: 003366;
	font-weight:bold;
}

td.cmgr_NoMemSm
{
	padding-left:2px;
	font: 8pt Tahoma, Arial, Helvetica;
	vertical-align: top;
	color: #42587E;
	font-weight:bold;
}

.cmgr_NoMemSm a:link, .cmgr_NoMemSm a:active, .cmgr_NoMemSm a:visited, .cmgr_NoMemSm a:hover
{
	padding-left:2px;
	font: 8pt Tahoma, Arial, Helvetica;
	vertical-align: top;
	color: #42587E;
	font-weight:bold;
}

/* Data Grid Even Numbered Row Cells */
td.NSGSTableTDeven
{
	padding-left:2px;
	font: 8pt Tahoma, Arial, Helvetica;
	color: Black;
	vertical-align: top;
}

td.NSGSShowCase
{
	padding: 0px;
	font: 7pt Tahoma, Arial, Helvetica;
	color: Black;
	border-RIGHT: 1px solid #ccc; 
}

td.NSGSShowCaseNB
{
	padding: 0px;
	font: 7pt Tahoma, Arial, Helvetica;
	color: Black;
	border: 0px 
}

td.NSGSShowCaseLastCell
{
	padding: 0px;
	font: 7pt Tahoma, Arial, Helvetica;
	color: Black;
}

/* Data Grid Odd Numbered Row Cells - Work Column JHONZ */
td.NSGSTableTDoddWork
{
}
/* Data Grid Even Numbered Row Cells - Work Column JHONZ */
td.NSGSTableTDevenWork
{
}

/* Row highlighting effect  */
tr.NSGSHighlightRow
{
 background-color:#ffd599;
}
tr.NSGSHighlightRowClick
{
}
td.NSGSHighlightRowClick
{
}
/* Data Grid Odd Numbered Rows */
tr.NSGSTableTRodd
{
  background-color: #EBF1FF;
}
/* Data Grid Even Numbered Rows */
tr.NSGSTableTReven
{	
	background-color: #ffffff;	
}

/* 
if objNSGS.DisplayType = "form" and objNSGS.RecordsPerPage > 1
a row will be inserted between each datagrid record.
Set attributes here if needed:
*/
TD.NSGSTableTDFormGap 
{
}
TR.NSGSTableTRFormGap 
{
}



/* Hyperlinks on the Grid Column Header Bar */

a.NSGSTableTH, a.NSGSTableTH:active, a.NSGSTableTH:visited, a.NSGSTableTH:hover
{
  font: 8pt Arial;
  color: #516079;
  text-decoration: underline;    
  font-weight:bold;
}

a.NSGSTableTH_NB, a.NSGSTableTH_NB:active, a.NSGSTableTH_NB:visited, a.NSGSTableTH_NB:hover
{
  font: 8pt Arial;
  color: #516079;
  text-decoration: underline;    
  font-weight:bold;
}

/* pager item

*/

.NSGSPagerItem, .NSGSPagerItem:active, .NSGSPagerItem:visited, .NSGSPagerItem:link, .NSGSPagerItem:hover 
	{FONT-SIZE: 10px; FONT-FAMILY: Tahoma, Arial, Helvetica; COLOR: #516079;}

/* Hyperlinks in the grid data cells including default Index column */

a.NSGSTable, a.NSGSTable:active, a.NSGSTable:visited, a.NSGSTable:hover
{
	font: 9pt arial, helvetica, sans-serif;
	color: #516079;
	text-decoration: none;
}

/* Hyperlinks on the Navigation Bar */

a.NSGSTableNavBar, a.NSGSTableNavBar:visited, a.NSGSTableNavBar:active, a.NSGSTableNavBar:hover
{
  font: 9pt arial, helvetica, sans-serif;
  color: #516079;
  text-decoration: underline;
}

.NSGSScrollGrid
{
	/*
	scrollbar-base-color:#ebeadb;
	*/
}