/*Tahoma,arial, Helvetica, Geneva, Swiss, SunSans-Regular*/
 /* scrollbar-base-color:cc3300; scrollbar-arrow-color:408080; */
BODY 				{ background-color:ffffff; color: 000000; font-size: 12px; font-family:Arial;}
/* SPAN 				{ color: 000000; font-size: 11px; font-family:Arial;} */
FORM, SELECT, INPUT, TEXTAREA, OPTION {font-family:Arial; font-size: 12px;}
P					{font-size:12px; color: 000000;}

/* Form Styles*/
input 				{font-size:11px;}
button	{background-color:EEEEEE;  color:000000;  font-size:10px; font-family:Tahoma; border-color:ABABAB; border-width:1px; padding-left:2px;}
.input	{background-color:EEEEEE;  color:000000;  font-size:10px; font-family:Tahoma; border-color:ABABAB; border-width:1px; padding-left:2px;}
.button		{background-color:EEEEEE; color:000000; font-size:10px; font-family:Tahoma; border-color:ABABAB; border-width:1px; cursor:pointer; margin:1px;}
.delete		{background-color:FFDDDD; color:333333; font-size:10px; font-family:Tahoma; border-color:ABABAB; border-width:1px; cursor:pointer; margin:1px;}





/* Anchor Styles*/
a  					{color:008000; font-size: 12px; font-family: Arial; text-decoration: none;}
a:Active			{color:008000; font-size: 12px; font-family: Arial; text-decoration:underline;}
a:Hover 			{color:008000; font-size: 12px; font-family: Arial; text-decoration:underline;}
a.smalllink 		{font-size: 11px; }
a:Active.smalllink 	{font-size: 11px; }
a:Hover.smalllink 	{font-size: 11px; color:cc3300;}
a.whitelink 		{font-size: 12px; color:#FFFFFF;}
a:Active.whitelink 	{font-size: 12px; color:#FFFFFF;}
a:Hover.whitelink 	{font-size: 12px; color:#FFFFFF; text-decoration:underline;}
/* Used in the fuseboxes */
td    				{font-size:12px; color:000000;}
td.background		{font-size:12px; color:000000; background-color:ffffff;}
td.tableback		{font-size:12px; color:cc3300; background-color:cc3300;}
td.titlebar			{font-size:12px; color:f4f4f4; background-color:408080; font-weight:bold;}
td.columnheader		{font-size:12px; color:408080; background-color:f4f4f4;}
td.columnfooter		{font-size:12px; color:f4f4f4; background-color:cc3300;}
td.varcell			{font-size:12px; color:000000; background-color:cc3300;}
td.valcell			{font-size:12px; color:000000; background-color:f4f4f4;}
td.oddcell			{font-size:12px; color:000000; background-color:ffffff;}
td.evencell			{font-size:12px; color:000000; background-color:f4f4f4;}
td.active  			{font-size:12px; color:#000000; background-color:#66CC99;}
td.inactive 		{font-size:12px; color:#000000; background-color:#ff6666;}
td.hightlight 		{font-size:12px; color:000000; background-color:ffffff;}

/* Shades Darkest(1) - Lightest(20) */
.shade22 { color:#000000; background-color:ffffff;}
.shade21 { color:#000000; background-color:ffffff;}
.shade20 { color:#f4f4f4; background-color:ffffff;}
.shade19 { color:#cc3300; background-color:ffffff;}
.shade18 { color:#cc3300; background-color:ffffff;}
.shade17 { color:#408080; background-color:ffffff;}
.shade16 { color:#000000; background-color:f4f4f4;}
.shade15 { color:#408080; background-color:f4f4f4;}
.shade14 { color:#cc3300; background-color:f4f4f4;}
.shade13 { color:#cc3300; background-color:f4f4f4;}
.shade12 { color:#000000; background-color:cc3300;}
.shade11 { color:#408080; background-color:cc3300;}
.shade10 { color:cc3300; background-color:cc3300;}
.shade9  { color:f4f4f4; background-color:cc3300;}
.shade8  { color:000000; background-color:cc3300;}
.shade7  { color:408080; background-color:cc3300;}
.shade6  { color:cc3300; background-color:cc3300;}
.shade5  { color:f4f4f4; background-color:cc3300;}
.shade4  { color:000000; background-color:408080;}
.shade3  { color:cc3300; background-color:408080;}
.shade2  { color:cc3300; background-color:408080;}
.shade1  { color:f4f4f4; background-color:408080;}
.shade0  { background-color:000000; color:f4f4f4;}

/* Header for Each of the colors */
.H7span				{font-size:11pt; color:000000; font-family: Arial;}
.H6span				{font-size:11pt; color:008000; font-family: Arial;}
.H5span				{font-size:11pt; color:000000; font-family: Arial;}
.H4span				{font-size:11pt; color:f4f4f4; font-family: Arial;}
.H3span				{font-size:11pt; color:cc3300; font-family: Arial;}
.H2span				{font-size:11pt; color:cc3300; font-family: Arial; }
.H1span				{font-size:11pt; color:408080; font-family: Arial;}
.H0span				{font-size:11pt; color:000000; font-family: Arial;}

/* Smaller Header for Each of the colors */
.s7				{color:#000000;}
.s6				{color:#008000;}
.s5				{color:#000000;}
.s4				{color:#f4f4f4;}
.s3				{color:#cc3300;}
.s2				{color:#cc3300;}
.s1				{color:#408080;}
.s0				{color:#000000;}


/* These were used in blocktemplates and will be phased out to the shades */
.highlightcell { background-color:f2f2f2; color:000000;}
.lowlightcell { background-color:eeeeee; color:000000;}
/* These styles are used in print pages for inksaver format */
td.grayscale		{font-size:11px;	color:#000000; background-color:#dddddd;}
td.grayscale2		{font-size:11px;	color:#000000; background-color:#eeeeee;}
td.grayscale3		{font-size:11px;	color:#000000; background-color:#f2f2f2;}

/* Old style from portal v 2.0 used in Mail Filtering */
td.titlebarmain  { font-size : 10pt; font-weight : bold; color : #ffffff; background-color : #cc3300;}
td.titlebarminor  {	font-weight : bold; color : #ffffff; background-color : #ffffff;}
td.backlight  { background-color : #f4f4f4;}