/* CSS Document */
body	{	font: normal 11px Arial;
			color: #666;
			background: #F7FAFC url(/images/i/main_bg.gif) top left repeat-x;
		}
.bodytext {  font: normal 11px Arial;  }

/* POSITIONING  */

#left	{	width: 200px;
			margin: 0px 15px 0px 15px;
			padding:0px;
			text-align: center;
		}
		
#right	{	
			/*width: 60%;*/
			/*height: auto;*/
			margin: 0px;
			margin-right: 15px;
			padding: 0px;
			position: absolute;
			left: 245px;
			top: 75px;
			/*background:  #FFF;*/
		}
		
#copy	{	position: relative;
			left: 18px;
			margin-top: 40px;
			clear: left;
		}		

#spacer {	background: #F7FAFC;
			padding: 20px;
		}
							
/*  NAVIGATION */

#nav	{	margin: 15px 0px 0px 0px;
			padding: 0px;
			list-style: none;
			font: normal 11px Verdana;
			text-align: left;
			color: #64737A;
			background: #E6EFF3;
			
		}		
		
#nav li.main 	{
			margin: 0px;
			padding: 2px 2px 2px 8px;
			font: bold 12px Trebuchet MS;
			letter-spacing: 2px;
			font-smooth: always;
			text-transform: uppercase;
			color: #64737A;
			border: none;
			background: #C7D3D9 url(/images/i/nav_bar_tab.gif); top left no-repeat;
		}		
		
#nav li.mainnolink 	{
			margin: 0px;
			padding: 2px 2px 2px 8px;
			font: bold 12px Trebuchet MS;
			letter-spacing: 2px;
			font-smooth: always;
			text-transform: uppercase;
			color: #64737A;
			border: none;
			background: #C7D3D9 url(/images/i/nav_bar_tab.gif); top left no-repeat;
			cursor: default;
		}
		
#nav li	{	margin: 0px;
			padding: 3px 0px 3px 15px;
			border-bottom: 1px dotted #C7CCCE;	
			cursor: pointer;		
		}
		
#nav ul.sub 	{
			margin: 0px;
			padding-left:10px;
			list-style:none;
			color: #7B98A5;
			background: #EFF5F7;
		}		
		
#nav ul.sub li	{ border: none;}	

#nav a:link	{ color: #64737A; text-decoration: none;}
#nav a:visited { color: #666; text-decoration: none;}
			
#nav ul.sub a:link { color: #7B98A5; text-decoration: none;}
#nav ul.sub a:visited { color: #7B98A5; text-decoration: none;}

/* 	TEXT  */
h1		{	margin: 0px;
			padding: 0px 0px 8px 0px;
			font: bold 20px Arial;	
			color: #4A95BC;
			text-align: left;
			/*background:  url("/images/i/options_top.gif") top left no-repeat;*/
		}	
		
h2		{	margin: 0px;
			padding: 5px 0px 0px 0px;
			font: bold 16px Arial;
			color: #4A7092;
		}


.success	{font-weight: bold;
			 color: #629A44;
			 }
/*  TABLES  */

.options {	
			/*margin: 0px 10px 15px 18px;*/ }
			
.options td	{ padding: 3px 3px 3px 3px;
			background-color: #EBF7FC;
			font: normal 11px Arial;
		}
			
#chart	{	font: normal 11px Arial;
			margin: 5px 0px 10px 0px;
			border: 1px solid #C8D5E1;
		}		

#chart th { /*background: url(/images/i/chart_th_bg.gif);*/
			background-color:Blue;
			padding: 3px;
			vertical-align:bottom;
			color: #FFF;
			border-right: 1px solid #FFFFFF;
		}	
#chart th a { color: white; }

#chart th.xpan
{
	padding-right: 3px;
	padding-left: 3px;
	background-color:#ffcc33;
	padding-bottom: 3px;
	color: black;
	padding-top: 3px;
	border-right-color: black;
	border-bottom-color: Black;
	border-bottom-width: 1px;
	vertical-align:middle;
}
#chart th.xpan a { color: black; }

#chart th.direct
{
	padding-right: 3px;
	padding-left: 3px;
	background-color:#ccff99;
	padding-bottom: 3px;
	color: black;
	padding-top: 3px;
	border-right-color: black;
	border-bottom-color: Black;
	border-bottom-width: 1px;
	vertical-align:middle;
}
#chart th.direct a { color: black; }

#chart th.pixel
{
	padding-right: 3px;
	padding-left: 3px;
	background-color:#ffff66;
	padding-bottom: 3px;
	color: black;
	padding-top: 3px;
	border-right-color: black;
	border-bottom-color: Black;
	border-bottom-width: 1px;
	vertical-align:middle;
}
#chart th.pixel a { color: black; }

#chart th.purchases
{
	padding-right: 3px;
	padding-left: 3px;
	background-color:#99ccff;
	padding-bottom: 3px;
	color: black;
	padding-top: 3px;
	border-right-color: black;
	border-bottom-color: Black;
	border-bottom-width: 1px;
	vertical-align:middle;
}
#chart th.purchases a { color: black; }

#chart td  { padding:4px;
			border-bottom: 1px dotted #D5D5D5;
			border-right: 1px dotted #D5D5D5;
			}
			
#chart td.top { background: #9EB5CA url(/images/i/chart_th_bg.gif) bottom left repeat-x;
			padding: 5px;
			font-weight: bold;
			color: #FFF;
			border: none;
		}
		
	/**  the following are used in the datagrids */
.chart	{	
			font: normal 11px Arial;
			margin: 5px 0px 10px 0px;
			border: 1px solid #C8D5E1;
		}	
		
.chartcell  { padding:4px;
			border-bottom: 1px dotted #D5D5D5;
			border-right: 1px dotted #D5D5D5;
		}
#chart td.top a:link { color: #dcdcdc; }
#chart td.top a:visited { color: #dcdcdc; }

.chartheader { background: #9EB5CA url(/images/i/chart_th_bg.gif) bottom left repeat-x;
			padding: 5px;
			font-weight: bold;
			color: #FFF;
			border: none;
		}
		
.chartheader a:link { color: #dcdcdc; }
.chartheader a:visited { color: #dcdcdc; }

	/**  end of the datagrid styles */	
/* just for report main table borders */		
.top {border-top:1px solid #CCC;}
.right {border-right:1px solid #CCC;}
.bottom {border-bottom:1px solid #CCC;}
.left {border-left:1px solid #CCC;}

#legend		{ padding-left: 15px; }
.adjustment { background: #ffff00; }

/* LINKS */
	
a:visited	{color: #003399;}	
			
/* FORMS  */

textarea	{ padding-left:4px;
			font: normal 11px Arial;
			color: #666;
			}