html {
height:100%;
}

BODY {
	background-color: #808080;
	color: black;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	border-color: black;
	font-size: x-small;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-left: 0pt;
	margin-bottom: 0pt;	
	height: 100%;
}

#container {
min-height: 100%;
margin-bottom: -33px;
position: relative;

}

#version {
	background:#ece9d6;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	font-size:x-small;
	font-weight:bold;
	color:000000;
	height:20px;
	width:10%;
	text-align:right;

}

#footer {
height: 20px;
position: relative;
}

.clearfooter {
height: 20px;
clear: both;
}

select.small {
font-size: x-small;
}

input.small {
font-size: x-small;
}



td.message {
color:#000099;
}

td.errormessage {
color:#ff0000;
}

td.red {
color:#ff0000;
}

td.green {
color: #006633;
}


/*Descriptive Link text minus a line break*/
SPAN.bodyhighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color : #ece9d6;
	font-weight: bold;
}

/*Descriptive Link text minus a line break with small font*/
.bodyhighlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color : #ece9d6;
	font-weight: bold;
}

DIV.loginForm {
	/* position:absolute; */
  width: 600px ;
  top:100px;
  text-align:center;
 /* height:100%; */
  margin-left: auto ;
  margin-right: auto ;
  margin-top:100px;
  background-color: #ece9d6;
}

DIV.addUserForm {
	/* position:absolute; */
  width: 400px ;
  top:100px;
  text-align:center;
 /* height:100%; */
  margin-left: auto ;
  margin-right: auto ;
  margin-top:100px;
  background-color: #ece9d6;
}

DIV.transForm {
  width: 800px ;
  top:100px;
 /* height:100%; */
  margin-left: auto ;
  margin-right: auto ;
  margin-top:100px;
  background-color: #ece9d6;
}



SPAN.user{
	font-weight: bold;
	color:#000099;
}

SPAN.hiddenData {
visibility:hidden;
}


/* TABLES */
TABLE {
	border-color: #ece9d6;
}

/* Table Headings */
TH{
	background-color: #ece9d6;
	font-size: small;
	font-style: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	border-left-width: 0pt;
	border-right-width: 0pt;
	border-top-color: #ece9d6;
	border-bottom-color: #ece9d6;
	padding-left: 10pt;
	padding-right:10pt;
}


/* Table Rows <TR>*/
TR {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;	
	color: #000000;
	text-align: center;
	border-top-color: #216173;
	border-bottom-color: #216173;
}

/* Table Cells <TD>*/
TD {
	font-size: x-small;
	/* font-family: Arial, Helvetica, sans-serif;*/
	font-family:verdana,geneva,arial,helvetica,sans-serif;
	color: #000000;
	vertical-align: middle;
	border-top-color: #ece9d6;
	border-bottom-color: #ece9d6;
	border-left-width: 0pt;
	border-right-width: 0pt;
}


TD.loginFormHead {
	background-color: #ffd741;	
}

TD.loginMessage {
	text-align:center;
	color:#0000CC;
}

TD.transFormHead {
	background-color: #ffd741;	
}

TD.transTableHead {
	background-color: #FFFFCC;	
}

TD.transTableHeadSort {
	background-color: #CCFFFF ;	
}


TD.transMessage {
	text-align:center;
	color:#0000CC;
}

TD.transDetail {
	text-align: left;

}
TD.transDetailSmall {
	text-align: left;
	font-size: x-small;
}

TD.transDetailRed {
	text-align: left;
	color:#FF0000;

}


TD.transDetailBlue {
	text-align: left;
	color:#0000FF;

}


/*left element in table <TD>*/
TD.dataRow {
	text-align: centre;
	font-size: x-small;
}

/* other elements in table <TD>*/
TD.dataRowL {
	text-align: left;
	font-size: x-small;
	padding-left: 5pt;
}

/*right element in table <TD>*/
TD.dataRowR {
	text-align: right;
	font-size: x-small;
	padding-right:15pt;
}

/* Error Message Displayed <TD>*/
TD.error {
	text-align: left;
	font-size: x-small;
	color: #ff3300 ;

}

/* Money elements in table <TD>*/
TD.moneyData {
	text-align: right;
	font-size: x-small;
	padding-right:10pt;
}

/* name of the account holder in table <TD>*/
TD.name {
	padding-left: 5px
}

/* help and print hyperlinks in table <TD>*/
TD.pageheadernew {
	background-color: #ece9d6;	
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	cellpadding: 0;
	cellspacing: 0;
	padding-left: 5px
}

/* Transaction elements in table <TD>*/
TD.transData {
	text-align: left;
	font-size: x-small;
	padding-left:10pt;
}

/* PAGE HEADER MENU OPTIONS */
/* Used in Co-opHeaders <TD>*/
TD.pageheader {
	text-align: left;
	background-color: #ece9d6;	
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica;
	cellpadding: 0;
	cellspacing: 0;
}

TD.footerLeft {
	text-align: left;
	background-color: #ece9d6;	
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica;
}

TD.footerCenter {
	text-align: center;
	background-color: #ece9d6;	
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica;
}

TD.footerRight {
	text-align: right;
	background-color: #ece9d6;	
	font-size: x-small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	font-family: verdana, geneva, arial, helvetica;
}


/* Placement tag */
TD.label {
	text-align: right;
	border-color:FFFFFF;
}


/* Used for form fields - maily for placement*/
TD.field {
	text-align: left;
}

/* User Information Text */
/* With Carriage Return After Paragraph */
/*Disclaimers and User Info Paragraph */
TD.userInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	color: #999999;
	font-weight: normal;
	line-height: normal;
	background-color: #000000;
	text-align : left;
}

/* Sidebar Menu Options 
*/
TD.sidebar {
	
	text-align: left;
	vertical-align: top;
	border-left-width: 0pt;
	border-right-width: 0pt;
}

TD.backgroundSelected {
	
	text-align: left;
	vertical-align: top;
	border-left-width: 0pt;
	border-right-width: 0pt;
	background-color:#ece9d6;
}


/* HEADINGS */
/*MIXED STYLES*/
/* To be used when heading contains H1 and also needs highlighting */
/*Largest Highlighted Page Headings */
SPAN.H1highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	color: #ece9d6;
	background-color: #000000;
	font-weight: normal;
}

/*Large Page Headings */
SPAN.H2highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #ece9d6;
	font-weight: bold;
	line-height: normal;
	background-color: #000000;
}

/*STANDALONE*/
/* Places a carriage return after heading */
/* Largest Page Headings 18pt*/
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	color: #ece9d6;
	background-color: #000000;
	font-weight: normal;	
}

/* Large Page Headings 14pt*/
H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #ece9d6;
	font-weight: bold;
	line-height: normal;
	background-color: #000000;
}

/*Background neutral : H2 minus background color*/
.nobackgroundcolorH2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #ece9d6;
	font-weight: bold;
	line-height: normal;
}

/* Medium Page Headings 12pt*/
H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #ece9d6;
	font-weight: bold;
	line-height: normal;
	background-color: #000000;	
}

/*Background neutral : H3 minus background color*/
.nobackgroundcolorH3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #ece9d6;
	font-weight: bold;
	line-height: normal;
}


/* Small Page Headings 10pt*/
H4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #ece9d6;
	font-weight: bold;
	line-height: normal;
	background-color: #000000;	
}

/* No carriage return after heading */
SPAN.H1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	color: #ece9d6;
	background-color: #000000;
	font-weight: normal;
}

SPAN.H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	color: #ece9d6;
	font-weight: bold;
	line-height: normal;
	background-color: #000000;
}

SPAN.H3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	line-height: normal;
	background-color: #000000;
}

SPAN.H4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
	color: #000000;
	font-weight: bold;
	line-height: normal;
	background-color: #000000;	
}


/*PARAGRAPHS */

/* SmallPrint */
P.smallprint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-variant: normal;
}


/* Standard Links */
A{
	text-decoration: none;
    color: #000000;
}

A:link IMG{
    BORDER-TOP-STYLE:none;
    BORDER-RIGHT-STYLE:none;
    BORDER-LEFT-STYLE:none;
    BORDER-BOTTOM-STYLE:none;
}

A:visited IMG{
    BORDER-TOP-STYLE:none;
    BORDER-RIGHT-STYLE:none;
    BORDER-LEFT-STYLE:none;
    BORDER-BOTTOM-STYLE:none;
}

A.sidebarSelected{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small;
    font-style: normal;
    text-decoration: none;
    color: #000000;
    
}

A.sidebar{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
        font-weight: bold;
	text-decoration: none;
	color: #ece9d6;
}

A.whiteLinks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
        font-weight: bold;
	text-decoration: none;
	color: #000000;
}

A.blueLinks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-style: normal;
        font-weight: bold;
	text-decoration: none;
	color: #ece9d6;
}

/* Print Statements related classes */
TH.printpageheaderLeft {
	background-color: #ece9d6;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	border-left-width: 0pt;
	border-right-width: 0pt;
	border-top-color: #ece9d6;
	border-bottom-color: #ece9d6;
	padding-left: 2pt;
	padding-right:2pt;
}
TH.printpageheaderRight {
	background-color: #ece9d6;
	font-size: 10pt;
	font-style: normal;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	border-left-width: 0pt;
	border-right-width: 0pt;
	border-top-color: #ece9d6;
	border-bottom-color: #ece9d6;
	padding-left: 2pt;
	padding-right:2pt;
}
TD.printdataRowL {
	text-align: left;
	font-size: xx-small;
	padding-left: 2pt;
}
TD.printmoneyData {
	text-align: right;
	font-size: xx-small;
	padding-left:2pt;
	padding-right: 0pt;
}
TD.printtransData {
	text-align: left;
	font-size: xx-small;
	padding-left:2pt;
}
TD.printStatement {
	text-align: left;
	font-size: xx-small;
	padding-left:10pt;
}
fieldset {
	border: none;
	padding: 0pt;
	margin: 0pt;
}

legend {
	display: none;
}

label.nodisplay {
    display: none; 
}
TD.verttop {
	vertical-align: top;
	padding-top: 0pt;
	padding-bottom: 0pt;
}
TD.vertbottom {
	vertical-align: bottom;
	text-align: center;
	padding-top: 0pt;
	padding-bottom: 0pt;
}
SPAN.nodisplay {
	display: none;
	visibility: hidden;
	font-size: 0pt;
}

/*for fields like challenge code*/
SPAN.highlightCode{
	font-weight: bold;
	background-color: #FFA247
}

TD.highlightCol{
	background-color: #ece9d6;
    text-align: left;
}

.backgroundColour2FATable {
	background-color: #ecf7fb
}

.twoFAErrorFont {
	color: #990000;
}