/* Standard stylesheet */
BODY
{   MARGIN-TOP: 20px;
    FONT-SIZE: 80%;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: white
}

TD
{   FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
    COLOR: #333333;
    FONT-FAMILY: Verdana
}
TH
{   FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
    COLOR: #333333;
    FONT-FAMILY: Arial
}

TABLE.TableSmall TD
{	FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Arial
}

TABLE.TableSmall TH
{	FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
TABLE.TableLarge TD
{	FONT-SIZE: small;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
TABLE.TableLarge TH
{	FONT-WEIGHT: bold;
    FONT-SIZE: small;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
TD.CellSmall
{	FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
TD.CellSmallBold
{	FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
TD.CellLarge
{	FONT-SIZE: small;
    COLOR: #333333;
    FONT-FAMILY: Arial
}

P, blockquote					
{	MARGIN-TOP: 0; 
	MARGIN-BOTTOM: .9em
}
P.SiteHeader
{	MARGIN-TOP: 0.2em; 
	MARGIN-BOTTOM: 0.2em
}
UL, OL                       
{   MARGIN-TOP: .5em; 
	MARGIN-BOTTOM: .5em;
}

UL UL, UL OL, OL UL, OL OL   
{	MARGIN-TOP: 0; 
	MARGIN-BOTTOM: 0
}
OL.COL 
{	MARGIN-LEFT: 27px
}
UL.COL
{	MARGIN-LEFT: 21px
}
BLOCKQUOTE.COL 			     
{	MARGIN: 8px 20px 8px 21px
}
BLOCKQUOTE.COL-tight	     
{	MARGIN: -8px 20px 0px 21px
}

.BC										
{	FONT-SIZE: 85%; 
	MARGIN-BOTTOM: .7em
}

.CellColorLighter
{	BACKGROUND-COLOR: #dddddd
}
.CellColorLightest 
{ 	BACKGROUND-COLOR: #EEEEEE 
}
.CellColorLight
{	BACKGROUND-COLOR: #cccccc
}
.CellColorMedium
{	COLOR: #ffffff;
    BACKGROUND-COLOR: #999999
}
.CellColorDark
{	COLOR: #ffffff;
    BACKGROUND-COLOR: #666666
}
.CellColorDarkest
{	COLOR: #ffffff;
    BACKGROUND-COLOR: #333333
}
.CellColorNone
{	BACKGROUND-COLOR: #ffffff
}
.CellColorGreen
{	BACKGROUND-COLOR: #008000
}
.CellColorYellow
{	BACKGROUND-COLOR: yellow
}
span.FontRed, .FontRed
{	COLOR: #ff0000
}
span.FontRedB, .FontRedB
{	COLOR: #ff0000;
    FONT-WEIGHT: BOLD
}
span.FontWhite, .FontWhite
{	COLOR: #ffffff;
}
span.FontWhiteB, .FontWhiteB
{	COLOR: #ffffff;
    FONT-WEIGHT: BOLD
}
span.FontDGrey, .FontDGrey
{	COLOR: #333333
}
span.FontDGreyB, .FontDGreyB
{	COLOR: #333333;
    FONT-WEIGHT: BOLD
}

.Keyword
{	MARGIN-TOP: -20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 14px;
    COLOR: #999999;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
  /* added padding-top - 22-Apr-04 MF */
.Content
{	PADDING-LEFT: 20px;
    PADDING-TOP: 12px;             
}
.Content A:link
{	COLOR: #000000; text-decoration: underline;
}
.Content A:active
{	COLOR: #000000;
}
.Content A:visited
{	COLOR: #666666;
}
.Content A:hover
{	COLOR: #ff0000; text-decoration: underline;
}
/* links on red text */
A.FontRed:link          
{	COLOR: #FF0000;}
A.FontRed:visited       
{	COLOR: #FF0000;}
A.FontRed:hover         
{	COLOR: #000000;}
A.FontRed:active        
{	COLOR: #FF0000;}

/* for links in area that do not have content style */
A.Genlink:link          
{	COLOR: #000000;}
A.Genlink:visited       
{	COLOR: #666666;}
A.Genlink:hover         
{	COLOR: #ff0000;}
A.Genlink:active        
{	COLOR: #000000;}

span.SubTitleLarge, .SubTitleLarge
{	FONT-WEIGHT: bold;
    FONT-SIZE: 120%;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
span.SubTitleMedium, .SubTitleMedium
{	FONT-WEIGHT: bold;
    FONT-SIZE: 110%;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
span.SubTitleSmall, .SubTitleSmall
{	FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    COLOR: #333333;
    FONT-FAMILY: Arial
}
span.RedSubTitleLarge, .RedSubTitleLarge
{	FONT-WEIGHT: bold;
    FONT-SIZE: 120%;
    COLOR: #ff0000;
    FONT-FAMILY: Arial
}
span.RedSubTitleMedium, .RedSubTitleMedium
{	FONT-SIZE: 110%;
    COLOR: #ff0000;
    FONT-FAMILY: Arial
}
span.RedSubTitleSmall, .RedSubTitleSmall
{	FONT-WEIGHT: bold;
    FONT-SIZE: 100%;
    COLOR: #ff0000;
    FONT-FAMILY: Arial
}
HR
{	COLOR: #999999;
    HEIGHT: 1px
}
/* float and pullquote styles for quotes in page-content */
.float-l 
{	FLOAT: left; 
	MARGIN: .5em .6em .5em 0
}
.float-r 
{	FLOAT: right; 
	MARGIN: .5em 0 .6em .5em
}

.pullquote     
{	BORDER-TOP: thin dotted #222; 
    BORDER-BOTTOM: thin dotted #222; 
    PADDING: 12px; 
    BACKGROUND: #eee;
    WIDTH: 40%;
}
.pullquote P   
{	MARGIN: 0 0 .5em 0
}

/* Added padding-top 22-Apr-04 MF */
.footer
{	PADDING-TOP: 48px;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 70%;
    COLOR: #666666;
    FONT-FAMILY: Arial
}
.footer A:link
{	COLOR: #000000
}
.footer A:active
{	COLOR: #000000
}
.footer A:visited
{	COLOR: #666666
}
.footer A:hover
{	COLOR: #ff0000
}
.ButtonDark
{	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    CURSOR: hand;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #999999
}
.ButtonWhite
{	FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    CURSOR: hand;
    COLOR: #333333;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #ffffff
}
/* Added margin properties */
H1								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 160%;
	FONT-FAMILY: Arial;
	COLOR: #224466;
    MARGIN-TOP: 0
}
H2								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 135%;
	FONT-FAMILY: Arial;
	COLOR: #288CC8;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em
}
H3								
{	FONT-WEIGHT: NORMAL;
	FONT-SIZE: 120%;
	COLOR: #288CC8;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em;
}
H4								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 110%;
	FONT-FAMILY: Arial;
	COLOR: #288CC8;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em;  
}
H5								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 100%;
	COLOR: #224466;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em
}
H6								
{	FONT-WEIGHT: BOLD;
	FONT-SIZE: 90%;
	COLOR: #288CC8;
    MARGIN-BOTTOM: .4em;
    MARGIN-TOP: 1.8em;
}
/*  Next styles can be useful for showing/hiding information using Javascript */
.Show   
{ 	DISPLAY: inline}
.NoShow 
{ 	DISPLAY: none}
.In     
{ 	CURSOR: hand; COLOR: #FF0000; TEXT-DECORATION: underline}
.Out    {}

/*  Next styles only to be used for code examples */
.code                   
{	FONT-SIZE: 100%; 
	FONT-FAMILY: "Courier New";
}
TD.code, TH.code        
{	FONT-SIZE: 80%;
	FONT-FAMILY: "Courier New";
}

/* Next styles to be used for links that are not true hyperlinks but on-click or hover over show a small pop-up box */
A.overlib:link          
{	TEXT-DECORATION: none; 
	BORDER-BOTTOM: 1px dotted #222;
}
A.overlib:visited        
{	TEXT-DECORATION: none; 
	BORDER-BOTTOM: 1px dotted #222; 
}
A.overlib:hover         
{	TEXT-DECORATION: none; 
	BORDER-BOTTOM: 1px dotted #C00; 
	COLOR: #C00; 
	CURSOR: help;
}

.Small
{	FONT-SIZE: 90%;
	FONT-FAMILY: Arial
}
.Smaller
{	FONT-SIZE: 85%;
	FONT-FAMILY: Arial
}
.SmallLink A:link
{	FONT-SIZE: xx-small;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SmallLink A:active
{	FONT-SIZE: xx-small;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SmallLink A:visited
{	FONT-SIZE: xx-small;
    COLOR: #666666;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.SmallLink A:hover
{	COLOR: #ff0000;
    TEXT-DECORATION: none
}
/* Style for news box, especially on main pages. */
TABLE.news
{	MARGIN: 0 0 .5em .6em }
TABLE.news TH
{   FONT-WEIGHT: bold;
	FONT-SIZE: 70%; 
	background: #EEEEEE
}
TABLE.news TD
{   FONT-SIZE: 70%; 
	BACKGROUND: #FCFCFC
}
TABLE.news P
{   MARGIN: 0 0 .4em 0}

/* step-action table styles and styles for nested tables */
.step-action, .step-action TABLE
{	BORDER-COLLAPSE: collapse; 
	MARGIN: 0 0 .8em 0;
}
.step-action TH
{	FONT-WEIGHT: bold; 
	BACKGROUND: #EEEEEE
}
.step-action P
{	MARGIN: 0 0 .7em 0
}
TABLE.nested              
{	MARGIN: 0 0 .8em 0
}
TABLE.nested TH           
{	FONT-WEIGHT: bold;
	FONT-SIZE: 70%; 
	BACKGROUND: #EEE
}
TABLE.nested TD           
{	FONT-SIZE: 70%
}
TABLE.nested P            
{	MARGIN: 0 0 .5em 0
}

.HeaderBorder table  
{	BORDER-BOTTOM: 1px solid #DDD; 
	BORDER-TOP: 1px solid #DDD; 
	BACKGROUND: #EEE; 
	MARGIN-TOP: 18px; 
	MARGIN-BOTTOM: 8px;
}
TD.HeaderBorder      
{	BORDER-BOTTOM: 1px solid #DDD; 
	BORDER-TOP: 1px solid #DDD; 
	BACKGROUND: #EEE;
}  

/* styles to remove (all) padding and margins */
.tight
{	MARGIN: 0; 
	PADDING: 0;
}
.tight-bottom
{	MARGIN-BOTTOM: 0; 
	PADDING-BOTTOM: 0
}
.tight-top
{	MARGIN-TOP: 0; 
	PADDING-TOP: 0;
}
.MB12 
{ 	MARGIN-BOTTOM: 12px}


TEXTAREA, INPUT, LEGEND
{	COLOR: #333333;
    FONT-FAMILY: Arial;
}
@media screen {
.SiteHeader
{	PADDING-LEFT: 10px;
    FONT-SIZE: 20px;
    FILTER: shadow( color=gray, direction=135 );
    PADDING-BOTTOM: 5px;
    WIDTH: 100%;
    COLOR: #ffffff;
    PADDING-TOP: 5px;
    FONT-FAMILY: 'Arial Black', 'Swis721 Blk BT', Helvetica, 'Arial Bold';
    font-smooth: always;
    moz-opacity: 0.555}
}
@media print {
	.SiteHeader {FILTER: none; COLOR:#222}
}
@media print {
	.pagebreakafter  {page-break-after: always }
	.pagebreakbefore {page-break-before: always }
}
@media print {
	.content, .footer { padding-left: 0 }
}