/* CSS  */ /* 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;
	color: #336699;
	text-decoration: none;
}

a:anchor {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/* all links are bold */
a:link {
	color: #3300cc text-decoration : none;
}  /* unvisited link */
a:visited {
	color: #330099 text-decoration : none;
}  /* visited links  */
a:active {
	color: #000033 text-decoration : none;
}  /* active links   */
a:hover {
	color: #FF0000;
	text-decoration: none;
}

H2 {
	font-size: x-large;
	font-weight: bolder;
	vertical-align: middle;
}

H3 {
	padding-left: 5px;
}

H4 {
	padding: 3px;
	padding-left: 5px;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 0;
	clear: both;
	background: #ccc;
	border-left: solid 0.7em #667;
}

A.small {
	font-size: x-small;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
}

/* all links are bold */
A.small:link {
	font-size: x-small;
	font-weight: normal;
	color: #3300cc;
	text-decoration: none;
}  /* unvisited link */
a.small:visited {
	font-size: x-small;
	font-weight: normal;
	color: #330099;
	text-decoration: none;
}

/* visited links  */
a.small:active {
	font-size: x-small;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
}

/* active links   */
a.small:hover {
	font-size: x-small;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

/*The table of content styles*/
A.toc {
	font-size: small;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
}

/* all links are bold */
A.toc:link {
	font-size: small;
	font-weight: normal;
	color: #3300cc;
	text-decoration: none;
}  /* unvisited link */
a.toc:visited {
	font-size: small;
	font-weight: normal;
	color: #330099;
	text-decoration: none;
}

/* visited links  */
a.toc:active {
	font-size: small;
	font-weight: normal;
	color: #000033;
	text-decoration: none;
}

/* active links   */
a.toc:hover {
	font-size: small;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

/* Medium type links*/
A.medium {
	font-size: medium;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

/* all links are bold */
A.medium:link {
	font-size: medium;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}  /* unvisited link */
a.medium:visited {
	font-size: medium;
	font-weight: normal;
	color: #330099;
	text-decoration: none;
}

/* visited links  */
a.medium:active {
	font-size: medium;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

/* active links   */
a.medium:hover {
	font-size: medium;
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

/* Medium type blue links end*/
A.medblue {
	
	font-weight: normal;
	color: #336699;
	text-decoration: none;
}

/* all links are bold */
A.medblue:link {
	
	font-weight: normal;
	color: #3300cc;
	text-decoration: none;
}  /* unvisited link */
a.medblue:visited {
	
	font-weight: normal;
	color: #330099;
	text-decoration: none;
}

/* visited links  */
a.medblue:active {
	
	font-weight: normal;
	color: #000033;
	text-decoration: none;
}

/* active links   */
a.medblue:hover {
	
	font-weight: normal;
	color: #FF0000;
	text-decoration: none;
}

/*end medblue*/
input.textfield {
	font-family: verdana, arial, geneva, "sans serif";
	font-size: normal;
	color: #003399;
	width: 100px;
	background: #ffffcc;
}

input.pinNumberField {
	font-family: verdana, arial, geneva, "sans serif";
	font-size: normal;
	color: #003399;
	width: 50px;
	background: #ffffcc;
}

/* 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 */
h2 {
	font-family: verdana, arial, geneva, "sans serif";
	color: #000000;
	vertical-align: middle;
	text-align: center;
}

/* 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;
}

.datalightblue {
	font-size: smaller;
	color: #000000;
	background: #E1F8F9;
}

.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;
}

.whitefg {
	color: #FFFFFF;
}

.nvTableLeft {
	background-color: rgb(192, 192, 192);
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px; padding-top : 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;;
	padding-top: 5px;
}

.HR{
align:center;
}
.nvTableRight {
	background-color: rgb(204, 199, 255);
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px; padding-top : 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}