/* CSS World Financial Personality - Revised jun99 */

/* base element inheritance formatting */
body      { margin-left: 0px; margin-right: 0px; 
            margin-top: 0px; margin-bottom: 0px;
            font-family: arial, geneva, helvetica, "sans serif"; }
a         { font-weight: bold; }   /* all links are bold */
a:link    { color: #3300cc }       /* unvisited link */
a:visited { color: #330099 }       /* visited links  */
a:active  { color: #000033 }       /* active links   */
a:hover   { color: #000033 }       /* MSIE rollover links   */
table     { margin-left: 0px; margin-right: 0px; 
            margin-top: 0px; margin-bottom: 0px; }
td        { font-family: arial, geneva, helvetica, "sans serif"; }
th        { font-family: arial, geneva, helvetica, "sans serif"; 
            font-weight: bold; }

/* begin defined classes */

/* headline classes */
.headline { font-family: verdana, arial, geneva, "sans serif"; 
            font-size: 110%; color: #000000; 
            vertical-align: middle; text-align: left; }

/* on-screen hint class */
.hint     { font-size: x-small; 
            color: #000000; background: #ffffff; }
.hintvbm     { font-size: x-small; }

/* Message classes */
.note     { font-size: smaller; font-weight: bold; 
            color: #000000; background: #ffffff; 
            vertical-align: middle; text-align: left; 
            padding: 2px; }
.noteimg  { font-size: smaller; font-weight: bold;
            color: #000000; background: #ffffcc; 
            vertical-align: top; text-align: center; }
.success  { font-size: smaller; font-weight: bold;
            color: #000000; background: #ffffff; 
            vertical-align: middle; text-align: left; 
            padding: 2px; }
.successimg  { font-size: smaller; font-weight: bold;
            color: #000000; background: #ffffcc; 
            vertical-align: top; text-align: center; }
.alert     { font-size: smaller; font-weight: bold;
            color: #000000; background: #ffffcc; 
            vertical-align: middle; text-align: left; 
            padding: 2px; }
.alertimg  { font-size: smaller; font-weight: bold;
            color: #000000; background: #ffffcc; 
            vertical-align: top; text-align: center; }
.error    { font-size: smaller; font-weight: bold;
            color: #000000; background: #ffffcc; 
            vertical-align: middle; text-align: left; 
            padding: 2px; }
.errorimg  { font-size: smaller; font-weight: bold;
            color: #000000; background: #ffffcc; 
            vertical-align: top; text-align: center; }

/* column header classes */
.hdleft   { font-size: smaller; font-weight: bold;
            color: #333333; background: #cccccc; 
            text-align: left; }
.hdright  { font-size: smaller; font-weight: bold;
            color: #333333; background: #cccccc; 
            text-align: right; }
.hdmiddle  { font-size: smaller; color: #333333; background: #cccccc; 
		text-align: center; }
.datahd   { font-size: smaller; font-weight: bold;
            color: #000000; background: #cccccc; }
.spanhd       { font-size: smaller; font-weight: bold;
                color: #eeeeee; background: #003366; 
                text-align: left; }
.spanhdright  { font-size: smaller; font-weight: bold; 
                color: #eeeeee; background: #003366; 
                text-align: right; }
.spanhdcenter { font-size: smaller; font-weight: bold;
                color: #eeeeee; background: #003366; 
                text-align: center; }
.subhdleft   { font-size: x-small; color: #333333; background: #cccccc; 
		text-align: left;  } 

/* label classes */
.right    { font-size: smaller; font-weight: bold;
            color: #333333; background: #cccccc; 
            text-align: right; }
.topright { font-size: smaller; font-weight: bold;
            color: #333333; background: #cccccc; 
            vertical-align: top; text-align: right; }
.left     { font-size: smaller; font-weight: bold;
            color: #333333; background: #ffffff; 
            text-align: left; }
.topleft  { font-size: smaller; font-weight: bold;
            color: #333333; background: #ffffff; 
            vertical-align: top; text-align: left; }
.center   { font-size: smaller; font-weight: bold;
            color: #333333; background: #ffffff; 
            text-align: center; }
.greyright    { font-size: smaller; font-weight: bold;
            color: #333333; background: #cccccc; 
            text-align: right; }
.greyleft     { font-size: smaller; font-weight: bold;
            color: #333333; background: #ffffff; 
            text-align: left; }
.greycenter   { font-size: smaller; font-weight: bold;
            color: #333333; background: #eeeeee; 
            text-align: center; }
.greytopright { font-size: smaller; font-weight: bold;
            color: #333333; background: #cccccc; 
            vertical-align: top; text-align: right; }
.greytopleft  { font-size: smaller; font-weight: bold;
            color: #333333; background: #ffffff; 
            vertical-align: top; text-align: left; }
      /* remove after changing subright use to fine */
.greysubright    { font-size: x-small; color: #333333; background: #cccccc; 
		text-align: right; font-weight: normal; }


/* data classes and alternating row color classes */
.data     { font-size: smaller; 
            color: #000000; background: #ffffff; }
.datamiddle	{ font-size: smaller; 
	color: #000000; background: #ffffff; vertical-align: middle }
.datagrey { font-size: smaller; 
            color: #000000; background: #eeeeee; }
.bdata    { font-size: smaller; font-weight: bold;
            color: #000000; background: #ffffff; }
.bdatagrey   { font-size: smaller; font-weight: bold;
               color: #000000; background: #eeeeee; }
.datart      { font-size: smaller; 
               color: #000000; background: #ffffff; 
               text-align: right; }
.datartgrey  { font-size: smaller; 
               color: #000000; background: #eeeeee; 
               text-align: right; }
.bdatart     { font-size: smaller; font-weight: bold;
               color: #000000; background: #ffffff; 
               text-align: right; }
.bdatartgrey { font-size: smaller; font-weight: bold;
               color: #000000; background: #eeeeee; 
               text-align: right; }
.curr     { font-size: smaller; font-weight: bold;
            color: #000000; background: #ffffff; 
            text-align: right; }
.currgrey { font-size: smaller; font-weight: bold;
            color: #000000; background: #eeeeee; 
            text-align: right; }
.currleft { font-size: smaller; font-weight: bold; 
            color: #000000; background: #ffffff; 
            text-align: left; }
.color     { color: #800000; } /*change to 000000 if FI doesn't want negative numbers to be red*/
.subdata  { font-size: x-small; color: #000000; background: #ffffff }
.subdatagrey { font-size: x-small; color: #000000; background: #eeeeee }
.dataright     { font-size: smaller; color: #000000; background: #ffffff; text-align: right;}
.datagreyright     { font-size: smaller; color: #000000; background: #eeeeee; text-align: right;}
.yellow  { font-size: smaller; color: #000000; background: #ffffcc; 
            vertical-align: middle; text-align: left; }


/* vrm classes and account balance classes */
.subcurr  { font-size: smaller; font-weight: bold;
            color: #333333; background: #cccccc; 
            text-align: right; }
.editorial { font-size: smaller; 
            color: #000000; background: #ffffff; }
.editgrey { font-size: smaller; 
            color: #000000; background: #eeeeee; }


/* fine print for inputs and tables */
.fine        { font-size: x-small; font-weight: normal; 
               color: #333333; }
.fineright   { font-size: x-small; font-weight: normal; 
               color: #333333;
               text-align: right; }
.finewhite { font-size: x-small; font-weight: normal; color: #000000; background: #ffffff; }
.subright { font-size: x-small; font-weight: normal;   
            color: #333333; background: #cccccc;       
            text-align: right; }

/* form element cell classes */
.input    { font-size: smaller; 
            background: #ffffff; 
            vertical-align: baseline; }
.topinput { font-size: smaller;  
            background: #ffffff; 
            vertical-align: top; }
.btminput { font-size: smaller; 
            background: #ffffff; 
            vertical-align: bottom; }
.inputgrey { font-size: smaller; 
            background: #eeeeee; 
            vertical-align: baseline; }
.submit   { font-size: smaller; font-weight: bold;
            color: #333333; background: #ffffff;
            vertical-align: middle; text-align: right; }
.submitgrey  { font-size: smaller; font-weight: bold;
               color: #333333; background: #cccccc;
               vertical-align: middle; text-align: right; }
.inputtop    { font-size: smaller;  
		vertical-align: top; background: #ffffff; }

/* help classes */
.help     { font-family: arial, helvetica, "sans serif"; 
            font-size: smaller; 
            color: #666666; background: #ffffcc; }

/* navigation bar classes */
.navtext  { font-size: x-small; 
            color: #000066; 
            text-align: right; }
.info     { font-size: x-small; 
            color: #000066; background: #eeeeee; }
.infotext { padding-left: 2pt; }

/* footer classes */
.footlt   { font-size: x-small; 
            color: #333333; background: #cccccc; }
.footdk   { font-size: x-small; 
            color: #cccccc; background: #333333; }

/* background packing classes */
.bkgnd    { font-size: 1pt; }
.wtspace  { font-size: 1pt; background: #ffffff; }
.greyspace  { font-size: 1pt; background: #eeeeee; }
.yellowspace  { font-size: 1pt; background: #ffffcc; }
.bottom   { vertical-align: bottom; }


/* additional VIM classes */
.yellowbar       { font-size: smaller; background: #ffffcc; 
                text-align: left; }

.yellowbarrt       { font-size: smaller; background: #ffffcc; 
                text-align: right; }

.yellowspace  { font-size: 4pt; background: #ffffcc; }

.datacntr     { font-size: smaller; 
            color: #000000; background: #ffffff; text-align: center; }
	
.datacntrgrey { font-size: smaller; 
            color: #000000; background: #eeeeee; text-align: center; }

.hdctr	    { font-size: smaller; font-weight: bold; color: #333333; 
	background: #cccccc; text-align: center;}


/* deprecated - duplicate functionality - use .fine */

/* deprecated - duplicate functionality - use .fineright */
                       

/* deprecated - duplicate functionality - use .data and .datagrey */
/*.normal { font-family: arial, geneva, helvetica, "sans serif"; }*/
/*.normalgrey { font-family: arial, geneva, helvetica, "sans serif"; background: #cccccc; }*/

/* deprecated - duplicate functionality - not sure what this is used for */
/*.bottom   { vertical-align: bottom; }*/