/*
'/\/\/\/\/\/\/\/\/\/\/\/\/\/\*  Program MAINTENANCE Log
' *Copyright (c) 2002, by ULTRADATA AUSTRALIA PTY LTD
'*Rel  byWhom     When              ReviewedBy When
' ---  ------     ----              ---------- ----
'4.6    YFWong      13Jun17
'       [Case # 5067480]
'       Added style display: inline-block for class transferTimingNarrative.
'4.5    WKcheah     08Feb17
'       [PD3139.34 #5059791] Fixed UI changes as design requested.
'4.4    YFWong      17Jan17
'       [PD3139.34 # 5059929]
'       Fix OTP alignment issue.
'4.5    YPGan     03Jan17           WKcheah     04Jan17
'       [Case 5058604]
'       New classes to allow font size for receipt page to be increased
'4.4    WKcheah     09Dec16
'       [PD3139.34] Bug fixing alignment issues.  
'4.4    WKcheah     06Dec16
'       [PD3139.34] 5058165
'       Added classes to fix alignment issues in the TransactionPasswordFunctions control.
4.4    YPGan      23Nov16
       [PD3139.34 case 5057990]
       Added IntlDiallingCode style to ensure dropdown control width display correctly in Safari
4.4     WKcheah     14Nov16
        [PD3139.34] Case 5057586
        Added class tableItemAuth for styles used in transactionpasswordfunctions control.
4.4     YFWong      05Sep16
        [PD3139.34 # 5054454]
        Added IntlDiallingCode class to adjust the height of the international dialling code dropdown control.
4.4		vtran		11Jul16
		Update sizing of dropdown control
		Various UI tweaks in response to design's comments
4.4    GKrish     31May16  
        [PD3139] Add !important on dropdown list's transparent input border as some new page as setting the border color for textboxes.
4.4    GKrish     10May16  
        [PD3139] Updated drop down list styles to match new requirement.
4.4     WKcheah     06May146
        [PD3139]
        Added vertical-align attribute to the drop arrow image of dropdownlist so to make sure it is positioned within the container.
4.4    GKrish     04May16  
        [PD3139]
        Added otpContainer, .otpHeader, otpTypes. otpSeparator
4.4    GKrish    28Apr16  
        [PD3139]
        Added TEXTAREA style to match INPUT.
        Updated .dim styles to ensure it styles against jquery ui styles correctly.
        Update watermark color (Design req)
4.4    GKrish    22Apr16  
        [PD3139]
        Changes to back to top icon.
 4.4    GKrish    22Apr16  
        [PD3139]
        Style fixes to ensure combobox autocomplete use our mutlSel styles.
 4.4    GKrish    18Apr16  
        [PD3139]
        Increased errortext size.
 4.4    GKrish    14Apr16  
        [PD3139]
        Added placeholder styles for inputs.
'4.4    WKcheah 14Apr16
'       [PD3139]
'       Added highlightedLink class.
'       Modified span.multSel to add nowrap on white spaces.
 4.4    GKrish
        [PD3139]
        Added back to top link styles.
'4.4    GKrish      11Mar16
        [PD3139]
        Increased height of udaselect drop items.
        Set DropDownControlBorder backgroundcolor to white.
'4.4    SWakefield  30Jun16
'       [CS ???? WAW/ClarenceSt]
'       New classes for StatementOptions.aspx.
'4.5    SWakefield23Jun16
'       [PD3285 #5049064]
'       Created class for the non-standard NOW column headers
'4.5    SWakefield31May16
'       [PD3285 #5049064]
'       Set font for the text on disabled hyperlink buttons
'4.4    WKcheah     23Mar16         CBooth      23Mar16
'       [PD2811 #1030]
'       Added class table.webPartZone to behave the same as tableLayoutFixed.
'   	For stText, set white-space:normal which is the default
'4.4    WKcheah     17Mar16         GKrish      18Mar16
'       [PD2811 #1030]
'       Added class tableLayoutFixed. This attribute can help to enforce table width is adhere to the setting regardless of its content.
'4.4    SWakefield 11Mar16      WKcheah     11Mar16
'       [PD2811 #1062]
'   	For stTextBold, set white-space:normal which is the default
'4.4    SWakefield 16Feb16
'       [PD2353 qa#5044419]
'       Keypad button images are now pre-fetched when the page loads
'4.4    SWakefield 04Feb16
'       [PD2353 qa#5042131]
'       Changes to meet further updated Design requirements
'       Added functionality to display the KeyPad button inside the password box
'4.2    SWakefield 02Feb16
'       [PD2353]
'       Allow for IE7 when setting colour
'       Make pinpad spacers hidden rather than display:none
'4.2    SWakefield 08Jan16
'       [PD2353]
'       Updated Alphanumeric Keypad with Design requirements
'4.4    GKrish      08Jan16
'       [PD3009]
'       modified Context menu styles to trim some fat.
'4.4    GKrish      09Dec15
'       [PD3009]
'       Updated styles for context menu close button and shadow.
'       Added styles for context menu. 
'       Added 'fade' style.   
'4.4    GKrish      26Nov15
'       [PD3009]
'       Added styles for context menu.   
'4.2    SWakefield  05Aug15         WKcheah     07Aug15
'       [PD3098 #5033723] 
'       Allow the Online Statements Options Notification heading to be left aligned
'4.4    Radha       30Jul15
'       [PD2593 #123]
'       white-space set to pre-wrap in firefox and pre in IE
'4.4    KBTan       08Jul15
'       [PD2593 QA# 81]
'       Move wrapword class out and take a copy of existing styles 
'       so that it don't affect style of existing control which uses it.
'       Remove duplicate style to preserve line break and space
'       Do not break word at the end of line
'4.4    KBTan       02Jul15
'       [PD2593 QA# 70]
'       Added wrapword class selector to be use in displaying Electronic Signature text
'4.3    GKrish      27Apr15
'       [PD3090 #43, #52]
'       Added availableFundsSeparatorTop and availableFundsSeparatorBottom
'4.3    GKrish      15Apr15         SWakefield 14Apr15
'       [PD3090 #43]
'       Added .transferTimingNarrative
'4.3    GKrish      14Apr15         SWakefield 14Apr15
'       [PD3090 #43]
'       Added .transferConfirmationContainer and .redrawMessage transfer related styles.
'4.3    GKrish      25Mar15
'       [PD3090 #109]
'       Added hyperlink selectors to the .newRowHeading style to ensure hyperlinks look the same as other headers.
'4.2    WKcheah     25Mar15
'       [PD3090 #110, #111]
'       Fixed not to wrap content of searchFilterTable cells.
'4.2    WKcheah     24Mar15
'       [PD3090 #108]
'       Padding not applicable to table row (TR) in some modern browsers except <=IE10.
'       Modified to apply the same padding styles into the classes that are used for TH elements.
'4.2    SWakefield  15Oct14
'       [PD3000 #28]
'       Fixed width of Secure Message message control.
'4.1    WKcheah     27Aug14
'       [PD2864]
'       Updated to use dynamic tab menu size after product design team approved
'4.1    WKcheah     18Aug14
'       [PD2864]
'       Added class confirmMsg being used in the maintain user categories pop-up
'4.2    SWakefield 27Aug14
'       [PD2811B]
'       Use nicEdit-main to match the message control, MessageBody matches message history display
'4.2    SWakefield 21Aug14
'       [PD2811B]
'       Added noMessageContent class
'4.2    SWakefield 01Jul14
'       [PD2811B]
'       Removed float:left from messageBody class. Cause incorrect display in Chrome, MessageSeparator within text
'4.2    YPGan       18Aug14
'       [PD2593 DEV # 32]
'       Modified wpTitle to add background-image for IE10 compatibility
'4.2    YPGan       06Jun14
'       [PD2593]
'       Added styles from PD2827 Online Lending
'4.2    KBTan       01Apr14
'       [PD2593]
'       Reduce menu item size to fit one menu item
'       Added style to highlight unread secure message
'       Added style for aspNetDisabled class
'4.1    GKrish      24Feb14
'       [PD2192B] QA Issue #16
'       printAndLogout: Added z-index to ensure it displays above menu.
'4.1    GKrish      10SEP13
'       [PD2192B]
'       Changed warningText to slightly darker red (Requested by Design)
'4.1    WKcheah     14Aug14
'       [PD2864]
'       Added maindiv_extended and innermaindiv_extended to allow a wider menubar and the overall page content
'       Added searchFilterTable class for transaction search criterial fields
'4.1    WKcheah     12Aug14
'       [PD2864]
'       Added new styles for transaction search page and update category pages
'4.1    GKrish      25JUN14
'       [PD2799]
'       Added a.unclearedfundlink:link
'4.1    GKrish      24Jun14
'       [PD2799]
'       Added css for standards compliant roundCorner style.
'       Added cursor:hand for A:hover
'4.1    GKrish      20Jun14
'       [PD2799]
'       Updated A:hover color
'4.1    GKrish      16JUN14
'       [PD2799]
'       New stylesheet for account related styles.
'4.1    YPGan       21Oct13
'       [PD2603 # 737]
'       Added style for DateTextBox
'4.1    YPGan       17Oct13
'       [PD2603 # 752]
'       Added styles for online authentication page
'4.1    GKrish      31JUL13
'       [PD2192B]
'       Bugfix - mandatoryErrorBox was being nested in another css class, causing the control that uses it not to pick it up.
'4.1    YPGan       21Oct13
'       [PD2603 # 737]
'       Added style for DateTextBox
'4.1    YPGan       17Oct13
'       [PD2603 # 752]
'       Added styles for online authentication page
4.0     CAtkinson 04JUN13
'       [PD1827B]
'       Added BoldMessage and label
'4.1    SWakefield  03Jul13
'		[PD2603B] Design specified changes
'       .dropDownList width removed due to buggy support in IE7
'4.1    SWakefield  14Aug15         GKrish      17Aug15  
'	[PD2971 efo#5034762]
'       Change appearance of udaHTMLComboBox so that components always appear aligned.
'4.0    SWakefield  25Sep13
'	[#407363] Removed the .dropDownList width property
'4.1    SWakefield  19Jun13
'	[PD2603B] Design specified changes
'       Set .dropDownList width as well as min-width to support IE
'4.1    SWakefield06Jun13
'       [PD2603]
'       Further tweaking of searchable dropdown to Prod Designs requirements
'4.0    SWakefield27May13
'       [#407363]
'       Changed .dropdown to specify min-length, not length
'4.0    SWakefield27May13
'       [#407187]
'       Added a scrollbar to udaselect dropdown
'4.0    SWakefield2May13
'       [PD2532B - HumeDesignIssue#3]
'       Changed the font for udaselect, and colour for (udaselect .dropdown span:hover)
'4.0    SWakefield2May13
'       [PD2532B - HumeDesignIssue#3]
'       Include class .DropDownCurrentItem for HTML based combobox
'4.0    SWakefield  30Oct12
'		[PD2352B] Added handling for Alphanumeric Pinpad.
'4.0    SWakefield2Apr13
'       [PD2532B - HumeDesignIssue#3]
'       Implement HTML based combobox for To Account List
'4.0    YPGan     02Jul12
'       [PD1242B]
'       Modified span.multSelItem to set font-size and font-family
'4.0    YPGan     30Mar12           SWakefield 27Apr12
'       [PD1242B]
'       Added styles used by the MultiSelectDropDownList web control
'4.0    YPGan     26Mar12
'       [PD1242B]
'       Added styles used in the GridView web control
'4.0    CBooth    31May12
'       [PD1994B]
'       Menu changes as per design
'4.0    KBTan     07Mar12
'       [PD1994B # 197]
'       Remove height setting for Sub menu control, it may have more that one row.
'       Move submenustaticselected's style because StaticSelectedStyle-CssClass is not working.
'4.0    YPGan     02Mar12
'       [PD1994C # 146]
'       Modified stText and stTextBold to Helvetica 8pt
'4.0    GKrish    01Mar12
'       [PD1994B] #25
'       Removed dropShadow from .welcomeMessageText
'4.0    CBooth  17Feb12
'       [PD1994B]
'       Fixed loginerrortext colour
'4.0	BenW	23Nov11
'		[PD0877B] Added right padding to .newRowHeading for right align data.
'4.0	GKrish	21Sep10
'		[PD1469B]
'		Added css style to display horizontal menu
'4.0	YFWong	09Sep10
'		[PD1469B]
'		Added new style item called "radioButton" & "timingDropDownList"
'4.0	GKrish	27Aug10
'		[PD1469B]
'		Added Conservative theme.
'4.0    GKrish  25Aug10
'       [PD1469B]
'		Added .passwordFont class.
'4.0    GKrish  18Aug10
'       [PD1469B]
'		Added A:visited.wptitle
'4.0    GKrish  27Jul10
'       [PD1469B]
'       Updated with new styles for grid view items
*********************************************************/

.classname
{
	background-color: #F8F8F8;
	color: White;
}

.background
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	background-color: white;
}

/***** login *****/
.loginbackground
{
	background-image: url(loginBackground.jpg);
}

.loginGeneralMessage
{
	position: absolute;
	float: left;
	top: 300px;
	left: 100px;
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
	font-family: Helvetica;
	text-align: center;
}
.loginLogo
{
	position: absolute;
	left: 20px;
	top: 20px;
	float: left;
}

.loginTitle
{
	position: absolute;
	float: right;
	top: 100px;
	right: 50px;
	font: Arial;
	font-size: 15;
	color: Black;
}
.loginInputs
{
	background-image: url(loginInputs.png);
	background-repeat: no-repeat;
	position: absolute;
	float: right;
	bottom: 50px;
	right: 100px;
	text-align: left;
	width: 451px;
	height: 300px;
	padding-top: 20px;
	vertical-align: middle;
}
.loginInputs span
{
	text-align:right;
	font-family: Arial;
	font-size: 11px;
	color: #ffffff;
}
.tblLoginInputs
{
    width: 535px;
}
.loginSubmitButton
{
	padding-top: 6px;
	vertical-align: middle;
	text-align: right;
}
.loginSubmitButton input
{
	background: inherit;
}
.newsignonfont /* This is the class that is used for login text */
{
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
	font-family: Helvetica;
}
table.newsignonfont
{
    width:451px;
}

.signonfont /* This was originally the font for login text, but has been used in many other places */
{
	font-weight: bold;
	font-size: 12pt;
	color: #0066cc;
	font-family: Verdana;
}
.H1
{
	font-weight: bold;
	font-size: 24pt;
	color: #0066CC;
	font-family: Helvetica;
}
.stText
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	white-space:normal;
}
.stTextBold
{
	font-size: 8pt;
	color: #000000;
	font-family: Helvetica;
	font-weight: bold;
	white-space:normal;
}
.dim
{
    color:gray;
}
.ui-state-active:hover span.dim{
     color:#8f8f8f !important;
}
.errorheading
{
	font-weight: bold;
	font-size: 12pt;
	color: #FF0000;
	font-family: Helvetica;
}
.errortext
{
	font-size: 8pt;
	color: #FF0000;
	font-family: Helvetica;
}
.loginerrortext
{
	font-size: 8pt;
	color: #FFFFFF;
	font-family: Helvetica;
}
.small
{
	font-size: 8pt;
	font-family: Monospace;
}
.subHeading
{
	font-weight: bold;
	font-size: 12pt;
	color: black;
	font-family: Helvetica;
}
.warningtext
{
	font-weight: bold;
	font-size: 8pt;
	color: #BE0000;
	font-family: Helvetica;
}
.navhighlight
{
	border-right: white thin solid;
	border-top: white thin solid;
	font-size: 10pt;
	border-left: white thin solid;
	color: white;
	border-bottom: white thin solid;
	font-family: Helvetica;
	background-color: #000051;
}
A:link .Navlink
{
	font-size: 10pt;
	color: white;
	font-family: Helvetica;
}
.descHeading
{
	font-size: 8pt;
	color: white;
	font-family: Helvetica;
	background-color: #000051;
}
.Mandatory
{
	color: red;
	text-align:left;
}
.medium
{
	font-size: 9pt;
	color: black;
	font-family: arial,helvetica,lucida sansregular,sans-serif;
}
.combo
{
	font-size: 8pt;
	font-family: Helvetica;
}
@media print
{
	.DONOTPRINT
	{
		visibility: hidden;
	}
    .receiptContainer .signonfont {
        font-size:24pt;
    }
    .receiptContainer .stText, .receiptContainer .stTextBold {
        font-size:14pt;
    }
}
@media screen
{
	.DONOTPRINT
	{
		visibility: visible;
	}
}

/***** tabs *****/
.tabControl
{
	border-right: #0066ff 0px solid;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #0066ff 0px solid;
	width: 100%;
	padding-top: 0px;
	border-bottom: #0066ff 3px solid;
	background-color: #ffffff;
}
.tab
{
	font-family: Verdana;
	font-size: 8pt;
	color: #0066ff;
	font-weight: bold;
	float: left;
	margin: 0px;
	padding: 6px 18px 6px 18px;
	background-color: #bed4f1;
	border: 0px;
	border-right: #0066ff 1px solid;
	border-top: #0066ff 1px solid;
	border-left: #0066ff 1px solid;
	border-bottom: #0066ff 0px solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= 'white' , EndColorStr= '#bed4f1' );
}
.tabDisabled
{
	font-family: Verdana;
	font-size: 8pt;
	color: black;
	font-weight: bold;
	float: left;
	margin: 0px;
	padding: 6px 18px 6px 18px;
	background-color: gray;
	border: 0px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 0px solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= 'white' , EndColorStr= 'gray' );
}
.tabHighlight
{
	font-family: Verdana;
	font-size: 8pt;
	color: #ffffff;
	font-weight: bold;
	float: left;
	margin: 0px;
	padding: 6px 18px 6px 18px;
	background-color: #0066ff;
	border: 0px;
	cursor: default;
	border-right: #0066ff 1px solid;
	border-top: #0066ff 1px solid;
	border-left: #0066ff 1px solid;
	border-bottom: #0067d1 0px solid;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#bed4f1' , EndColorStr= '#0066ff' );
}


/***** master page *****/
.contentDiv
{
	width: 100%;
	display: block;
	border: 1px solid #000;
	background: inherit;
}
.contentWrapper
{
	width: 100%;
}
.contentTable /*modify this to align content */
{
	/*margin-left:0px - left justified */
	margin-left:auto; 
	margin-right:auto;
	/*margin-right:0px - right justified */
}
.leftMargin
{
	width: 1%;
}

.contentColumn
{
	text-align: left;
}
.rightMargin
{
	width: 1%;
}
.headerbkg
{
	float: left;
	width: 100%;
	background-image: url("header_bg.gif");
	background-repeat: repeat;
	height: 80px;
}
.header
{
	float: left;
	width: 584px;
	background-image: url("header.gif");
	background-repeat: no-repeat;
	height: 60px;
}
.logo
{
	float: right;
	width: 200px;
	background-image: url("uda_logo.gif");
	background-repeat: no-repeat;
	height: 60px;
}
.contentDivNoBorder
{
	width: 100%;
	display: block;
	background: inherit;
}

/**/



/* elements, default styles */
INPUT, TEXTAREA
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
OPTION
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
SELECT
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
BODY
{
	margin-left: 0;
	margin-top: 0;
}
.maindiv
{    
    margin-left:auto;
    margin-right:auto;
    width:1135px;
}
.maindiv_extended
{    
	width:1135px !important;
}
.innermaindiv
{    
	position:absolute;
	width:1135px;
}
.innermaindiv_extended
{    
	width:1135px !important;
}

.instructionsText A:link
{
	font: 8pt/11pt verdana;
	color: #FF0000;
}
.instructionsText A:visited
{
	font: 8pt/11pt verdana;
	color: #4e4e4e;
}

/* global hyperlink settings */
a img
{
	border-width: 0px;
}
A:link
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	text-decoration: none;
}
A:active
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	text-decoration: none;
}
A:visited
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	text-decoration: none;
}

A:hover
{
	text-decoration: underline;
	color:#0066CC;
	cursor:hand;
}

/* Hyperlinks inside disabled asp:hyperlinkbutton */
a[class~='aspNetDisabled'] span[class~='title']
{
	font-size: 8pt;
	font-family: Helvetica;
	text-decoration: none !important;
}

/***** tables, grids *****/
.headerbackground
{
	/*background-image: url(header_bg.gif); 	background-repeat: repeat-x;*/
}
.footerbackground
{
	background-color: white;
	text-align: right;
}
.AltRow
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
.rhighlight
{
	font-weight: bold;
	font-size: 10pt;
	color: #0066CC;
	font-family: Helvetica;
}
.rowHeading, .rowHeading a:link, .rowHeading a:visited, .rowHeading a:active
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
	font-weight: bold;
}
#StatementDeliveryOptionsTbl, #Notifications, rowHeading
{
    text-align:center;
}


.tblBorder
{
	border-right: #e0e0e0 1px solid;
	border-top: #e0e0e0 1px solid;
	font-size: 8pt;
	border-left: #e0e0e0 1px solid;
	color: #0066CC;
	border-bottom: #e0e0e0 1px solid;
	font-family: Helvetica;
	border-collapse: collapse;
}
#StatementDeliveryOptionsTbl, .tblBorder
{
    width:700px;
}

.tableItem /*used on web parts [PD1469B]*/
{
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	border-bottom-width: 1px;
	padding: 2px 3px 2px 3px;
}
.tableItemAuth
{
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	border-bottom-width: 1px;
}
.tableSelectedRow /*used on web parts [PD1469B]*/
{
	background-color: #C0DAFE;
}

.newRowHeading,  .newRowHeading a:link, .newRowHeading a:visited, .newRowHeading a:active /*used on web parts [PD1469B]*/
{
	font-size: 11px;
	color: black;
	font-family: Verdana;
	font-weight: bold;
	padding:  0px 3px 0px 3px;
}
.gridHeaderLeftAlign
{
	text-align: left;
	padding:  0px 3px 0px 3px;
}

.gridHeaderCenterAlign
{
	text-align: center;
	padding:  0px 3px 0px 3px;
}

.gridHeaderRightAlign
{
	text-align: right;
	padding:  0px 3px 0px 3px;
}

 .RowHeadingNOW /* Design requirement for NOW page is heading with underline! */ 
{
    height:10px;
	border-bottom-style: solid;
	border-bottom-color: #e0e0e0;
	border-bottom-width: 1px;
	padding: 2px 3px 2px 3px;
}
 

/* web parts */
.wpTitle
{
	font-size:10pt;
	font-weight:bold;
	font-family:Helvetica;
	color: #026FBF;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#B5C3EF,endColorStr=#EFF3FF); /*IE*/
    background-image: linear-gradient(rgb(181, 195, 239) 0%, rgb(239, 243, 255) 100%);
	background-image: -moz-linear-gradient(top, rgb(181,195,239), rgb(239,243,255));/* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#B5C3EF), to(#EFF3FF)) /*safari chrome*/
}
.wpHeader
{
	border-collapse: collapse;
	font-family: arial;
	font-size: 11.5px;
	border-style: none; 
	color: #FFFFFF;
	font-weight: bold;
}
a.wpTitle 
{
	font-size:10pt;
	font-weight:bold;
	color: #026FBF;
	font-family:Helvetica;
}
a:active.wpTitle 
{
	font-size:10pt;
	font-weight:bold;
	color: #026FBF;
}
a:visited.wpTitle 
{
	font-size:10pt;
	font-weight:bold;
	color: #026FBF;
}
.wpContentBorder
{
	height: 100%;
	border: 1px solid #B5C3EF;
	border-bottom: none; /*because there is another row beneath that contains the web part footer*/
	background-color: white;
	margin: 0px;
	padding: 5px; 
}
.wpFooter
{
	height: 2px;
	border-bottom: 1px solid #B5C3EF;
	font-size: 2px; 
}

/***** menu *****/
.menubar
{
	height: 43px;
	background-image: url("menu_bg.png");
	background-repeat: repeat-x;
	background-position: left center;
	width: 100%;
}
/* LEVEL 1*/
.menuStatic /* level 1 menu style */
{
	height: 43px;
	z-index: 99999;
	vertical-align: middle;
	line-height: 43px; /*to enable list items to be properly vertical aligned*/
	padding: 0px;
	margin: 0px;
}

.menuStaticItem /* style for level1 menu items with no sub menu items */
{
	/*font changes here need to be replicated in li.static*/
	font-family: Tahoma !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #ffffff !important;
	line-height:43px;
}

.submenubar
{
	background-color: transparent;
	width: 100%;
}
div.submenubar div:first-child
{

	background-color: #adadad;
	width: 100%;
   
}
.submenuStatic /* level 1 menu style */
{
	height: 20px;
	vertical-align: middle;
	line-height: 20px; /*to enable list items to be properly vertical aligned*/
	padding: 0px 5px 0px 5px;
	margin: 0px;
}

.submenuStaticItem /* style for level1 menu items with no sub menu items */
{
	/*font changes here need to be replicated in li.static*/
	/*font-family: Tahoma !important;
	font-size: 10px !important;
	font-weight: bold !important;
	color: #ffffff !important;*/
	line-height:20px;
	white-space:nowrap;
}

ul.level1.submenustatic
{
	position:static !important;  
}
ul.level1.submenustatic li.static
{	
    width: auto !important;
    padding: 0px 5px 0px 5px;
    line-height: 20px;
	font-family: Tahoma !important;
	font-size: 10px !important;
	font-weight: normal !important;
	position:static !important;
	background:none !important;
	border-right: 1px solid #363636;
}
ul.level1.submenustatic a
{
	color: #000000 !important;
    font-style:normal;
    font-weight:normal;
}
ul.level1.submenustatic a.selected
{
	color: #000000 !important;
	font-size: 8.5pt;
    font-weight:bold;
}
li.static /* style for level1 menu item that has sub menu items*/
{
	text-align: center;
	/*width: 110px;*/
	padding-left: 15px;
	padding-right: 15px;
	background-position: right;
	background-image: url(staticmenu-separator.png);
	background-repeat: no-repeat;
	font-family: Tahoma !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #ffffff !important;
	line-height:43px;
}
ul.menustatic li.static a.selected 
{
	color: #000000 !important;
}

ul.menustatic li.static a.static
{
    text-decoration:none;
}

ul.menustatic li.has-popup.static a.static
{
    text-decoration:none;
	cursor: text;
}

/* LEVEL 2 */
/*  HORIZONTAL SUB MENUS
	1. Enable the ul li below. This makes the sub menus appear horizontally 
	2. In menuDynamic, set the width to a very wide figure, ex 2000px and overflow: hidden. */
ul li  
{
    list-style: none; 
	/*position: static !important; 
    float: left;*/
}

ul.static 
{
   	padding: 0px;
	margin: 0px;

}

.menuDynamic /* sub menu */
{
	z-index: 99999;
	/*width:2000px !important;*/
	overflow: hidden ;
	background-color: #696969;
	text-align:left;
	width: 200px;
	padding: 0px;
}
.menuDynamicItem /* this gets applied to the hyperlink (<a>) within the list item */
{
	line-height: 20px;
	/*background-color: #F4FBFE;*/
	text-align: left;
	/*text-indent: 10px;*/
	font-family: Arial !important;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #ffffff !important;
	width: auto;
	white-space: nowrap;
	padding: 0px;
	z-index: 99999;
}
li.dynamic /*individual sub menu item style*/
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #363636;
	z-index: 99999;
	width:auto;
	text-align:left;
	padding: 0px 10px 0px 10px;
	line-height:20px;
}
li.dynamic:hover /* when hovering over submenu item */
{
	background-color:#363636;
}
.menuDynamicHover
{
	background-color:#363636;
}

/***** print and logout buttons *****/
.printAndLogout
{
	position:absolute;
	top:60px;
	right:0px;
	float:right;
	display:inline ;
	z-index:99999;
}

/***** welcome message *****/
.welcomeContent
{
	width: 1024px;
}
.welcomeMessageText
{	text-align:left;
	font-family: Tahoma;
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
	font-size: 12px;
	width: 100%;
}

.welcomeMessageBkg
{
	background-image: url(welcome_message_bar_repeat.png);
	background-repeat: repeat-x;
	height: 27px;
}
.welcomeMessageBkgRight
{
	background-image: url(welcome_message_bar_right.png);
	background-repeat: no-repeat;
	height: 27px;
}
.welcomeMessageBkgLeft
{
	background-image: url(welcome_message_bar_left.png);
	background-repeat: no-repeat;
	height: 27px;
}

/***** other styles *****/

.passwordFont
{
	font-family: Tahoma;
}
.waterMark
{
	color: #999;
	position: absolute;
	z-index: 100;
	background-color: transparent;
	margin-top: 0;
	margin-left: 0;
	padding-top: 5px;
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a2a2a2 !important;

} 
input:-moz-placeholder, textarea:-moz-placeholder { 
    /* Firefox 18- */
    color: #a2a2a2 !important;  
} 
input::-moz-placeholder, textarea::-moz-placeholder {  
    /* Firefox 19+ */
    color: #a2a2a2 !important;  
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {  
    color: #a2a2a2 !important;  
}

.hiddenControl
{
	visibility: hidden;
	display: none;
}
.centerAlign
{
	margin-left: auto;
	margin-right: auto;
}
.centerAlignText
{
	text-align: center;
}
.indent
{
	text-indent: 10px;
}
.dropDownList
{
	min-width: 250px;
}

.leftAlign
{
	text-align: left;
} 
.radioButton
{

}
.currency, .currency span
{
	white-space:nowrap;
	text-align:right;
}
.dateTime, .dateTime span
{
	white-space:nowrap;
}

/* Recurring timing control */
.timingDropDownList
{
}

.UdaTextBox
{
    width:90px;
}

/* udaHtmlComboBox control */
.udaselect{ /* invisible parent of the dropdown */
        font: normal normal 10px helvetica;
        margin:0px;
        position: relative;
        text-indent: 3px;
        padding:0px;
        cursor: hand;
        cursor: pointer;
}

.udaselect .dropdown{ /* Dropdown List  */
        position: absolute;
        left: 0;
        border: 1px solid black;
        display: none;
        z-index: 5;
        font-weight: normal;
        max-height:400px;
        overflow:scroll;
        overflow-x:hidden;
}

.udaselect .dropdown span{ /*Dropdown Items */
        width: auto;
        display: block;
        background: white;
        padding: 1px 0px 0px 10px;
        text-indent: -5px;
        text-decoration: none;
        line-height:18px;
}

.udaselect .dropdown span:hover{ /*Dropdown Items Mouseover*/
        background: lightgrey;
}

.DropDownHighlight
{
	color: blue;
	background-color: transparent;
    font-style:italic;
    cursor:default;
    
}
.DropDownPayNewHighlight
{
	color: black;
	background-color: transparent;
    font-weight:bold;
}

.DropDownCurrentItem
{
    background: lightgrey !important;
}

.udaSelectInputbox
{

}

/* set the watermark/placeholder for the dropdown input field */
#dropDownInput::-webkit-input-placeholder { /* WebKit browsers */
    color:    black;
}
#dropDownInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    black;
}
#dropDownInput::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    black;
}
#dropDownInput:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    black;
}

.DropDownControlBorder
{
    border:1px solid gray;
    background-color:white;
}

.udaSelectInputbox
{
                border:none;
                margin:2px;
}

.dropdownbutton
{
    border:none;
    display:inline-block;
    width:16px;
    top:0px;
    margin:0px;
    padding:0px;
    cursor: hand;
    cursor: pointer;
    background-image: url(DropDownButton.png);
    background-repeat:no-repeat;
    background-position:center;
}

/*List Search Prompt*/
.ListSearchPrompt
{
    white-space:nowrap;
    padding:2px;
    overflow:hidden;
    position:absolute;
    display:block;
    margin-top:2px;
    z-index:9999999;
        
    font-style: italic;
	color: Gray;
	background-color: lemonchiffon;        
}
/*End List Search Prompt*/

/* DropDownList */
span.multSelItem,li.multSelItem,  ul.ui-autocomplete > li.ui-menu-item
{
	background-color:#FFFFFF;
	margin: 0px 0px 0px 0px;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;
	padding: 4px 19px 4px 19px;
	white-space: nowrap;
	font-size: 8pt;
	font-family: Helvetica;
}
span.multSelItem:nth-child(even),li.multSelItem:nth-child(even),  ul.ui-autocomplete > li.ui-menu-item:nth-child(even){
    background-color:#f9f9f9;
}
span.multSelItem:nth-child(odd),li.multSelItem:nth-child(odd),  ul.ui-autocomplete > li.ui-menu-item:nth-child(odd){
    background-color:#ffffff;
}

span.multSelItem-sel, li.multSelItem:hover
{
	background-color:#bed4f1; !important;

}

span.multSelItem-hover, ul.ui-autocomplete > li.multSelItem:hover, ul.ui-autocomplete > li.ui-state-focus
{
	border: solid 1px #0067d1;
	/*padding: 3px 18px 3px 18px;*/
    background-color:#eef5ff !important;
    color:#646464;
}
.DropDownHighlight:hover{
    background-color:#fff !important;
}
span.multSel
{
	border: Solid 1px #85888A;
	padding:  1px 1px 1px 1px;
	oveflow-x: hidden;
	oveflow-y: hidden;
    white-space:nowrap;
	display: inline-block;
}
span.multSel img
{
	border:none;
	width:15px;
	height:13px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
span.multSel input
{
	background-color:Transparent; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	/*For some reason we must have a border for tooltips to appear in IE*/
	/*none 0px doesn't work, nor does none 1px*/
	border: solid 1px transparent !important;
}

div.IntlDiallingCode span.multSel {
    height: 14px;
    width: 48px;
}

div.IntlDiallingCode span.multSel input[type='text'] {
    width: 31px !important;
}

span.multSelItemContainer
{
    border: 1px solid #868686;
    z-index: 9003;
    position: absolute;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 8pt;
    overflow-x: hidden;    
    display:block;
    background-color:#f9f9f9;
}
span.DropDownHighlight, li.DropDownHighlight{
    color:#1b75bb !important;
    background-color:#FFFFFF;
}
span.DropDownHighlight:hover{
    cursor:default;
    border-color:#FFFFFF;
}
span.DropDownDottedLineSeparator {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #000000 !important;
}
span.DropDownDottedLineSeparator:hover {
    cursor:default;
    border-color:#000000;
    color: #000000 !important;
}
/* End DropDownList */


.mandatoryErrorBox
{
    padding: 0px 1px 0px 1px;
    background-color: #faa;
    border: 1px solid #f00;
    margin-left: 2px;
}


/* AlphaNumericKeyboard Styles */

.InternalKeyPadButton 
{
    left:-26px;
    vertical-align: top;
    margin-top:2px;
    position:relative;
}

.cover {    /* this is the dark translucuent background that covers the main window behind the keyboard*/
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=50);
	background-color: rgba( 0, 0, 0, 0.5 ); /* not supported by IE7, javascript supplements this for IE7 document mode browsers */

}

    .KBFrame
    {
        /*background-color:rgb(0, 0, 0);*/
        background-color:rgba(0, 0, 0, 0);
        z-index: 9999;
        overflow: hidden;
        border-radius: 10px;
    }
    

    .KBContainer
    {
        width: 550px;
        height: 280px;
        background-color:rgb(243, 243, 243);
        background-color:rgba(243, 243, 243, 1);
	    border-top:1px solid black;
	    border-right:2px solid black;
	    border-bottom:2px solid black;
	    border-left:1px solid black;
        position:relative;
        border-radius: 10px;
    }
    
    .KBHeader
    {
        width: 98%;
        margin-left:auto;
        margin-right:auto;
        margin-top:0px;
        font-weight: bold;
	    font-size: 11pt;
        background-color:rgb(243, 243, 243);
        background-color:rgba(243, 243, 243, 1);
	    color:Black;
        position:static;
        overflow: hidden;
	    font-family: Helvetica;
    }
    
    #KBPwdLabel
    {
	    text-align: right;
        margin-top:7px;
    }
    
    .KBDisplayFld
    {
        height:15px;
        width:320px;
        background:white;
        color:Black;
        border:1px solid #CCC;
        margin:2px;
        margin-top:7px;
        font-size:15pt;

        padding:5px;
        background-color:#f1f1f1;
        box-shadow: inset 0px 0px 10px #828282;

    }
    
    #KB, #KBShift
    {
        margin:10px;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none;   /* Chrome/Safari/Opera */
        -khtml-user-select: none;    /* Konqueror */
        -moz-user-select: none;      /* Firefox */
        -ms-user-select: none;       /* IE/Edge */
        user-select: none;           /* non-prefixed version */
    }


    
    .ppRow 
    {
        width:100%;
        height:30px;
    }
    .ppRowShift 
    {
        width:100%;
    }

    .ppBtn 
    {
        height:32px !important;
        width:38px !important;
        font-size:9pt;
        font-family:Verdana;
        background-color:rgb(243, 243, 243);
        background-color:rgba(243, 243, 243, 1);
        text-align:center;
        vertical-align:middle;
        cursor:pointer;
        background-repeat:no-repeat;
        background-position:center;
        
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .ppCtlBtn 
    {
        height:30px !important;
        font-size:9pt;
        font-family:Verdana;
        background-color:rgb(243, 243, 243);
        background-color:rgba(243, 243, 243, 1);
        text-align:center;
        vertical-align:middle;
        cursor:pointer;
        background-repeat:no-repeat;
        background-position:center;
    }

    #PinPadDelete
    {
        width:78px !important;
        background-image: url("PinPadDeleteButton.png");
    }
    #PinPadCapsLock
    {
        width:57px !important;
        background-image: url("PinPadCapsLockButton.png");
    }
    #PinPadEnter
    {
        width:78px !important;
        background-image: url("PinPadEnterButton.png");
    }
    #PinPadShiftL, #PinPadShiftLU, #PinPadShiftR, #PinPadShiftRU
    {
        width:76px !important;
        background-image: url("PinPadShiftButton.png");
    }
    #PinPadSpaceBar
    {
        height:35px !important;
        background-image: url("PinPadSpaceBar.png");
        font-size:9pt;
        font-family:Verdana;
        text-align:center;
        vertical-align:middle;
        cursor:pointer;
        background-repeat:no-repeat;
        background-position:center;
    }
    
    #KBDisplayFldClear 
    {
        display:none;
    }
    #KBEnterCell
    {
        width:0px;
    }
    #KBCloseCell
    {
        width:20px;
    }
    #KBCancelButton
    {
        background-image: url("PinPadClose.png");
        width:20px;
        height:30px;
        cursor:pointer;
        background-repeat:no-repeat;
        background-position:right top;
    }

    .ppBtnSpacer
    {
        padding:0px;
        margin:0px;
    }

    #PinPadSpacer1Ll, #PinPadSpacer1LU
    {
        visibility:hidden;
    }
    #PinPadSpacer1Rl, #PinPadSpacer1RU
    {
        visibility:hidden;
    }

    #PinPadSpacer2Ll, #PinPadSpacer2LU
    {
        width:55px;
    }

    #PinPadSpacer2Rl, #PinPadSpacer2RU
    {
        width:20px;
    }

    #PinPadSpacer3Ll, #PinPadSpacer3LU
    {
        width:10px;
    }

    #PinPadSpacer3Rl, #PinPadSpacer3RU
    {
        visibility:hidden;
    }

    #PinPadSpacer4Ll, #PinPadSpacer4LU
    {
        width:10px;
    }
    #PinPadSpacer4Rl, #PinPadSpacer4RU
    {
        width:20px;
    }


.horizontalSeparatorLine
{
    color:lightgrey;
    height:1px;
}
.hidden /* class to use with jQuery .toggleClass to toggle visibility of an element */
{
    visibility:hidden;
}
}

TABLE.dialogTable 
{
    width:95%;
    padding:5px;
}
TABLE.dialogTable TR TD
{
    border-bottom: 1px solid #B5C3EF; 
}

TABLE.dialogTable TD
{
    height:auto;
    text-align:left;
    padding-bottom:1px;
}
TABLE.dialogTable TD.stText
{
    font-weight:normal;
}

.mandatorySymbol
{
	color: red;
}
/* Secure Messaging */
.boldMessage /*used on webparts PD1827B*/
{
    font-weight:bold;
}


.noMessageContent
{
    margin-top:20px; 
    margin-bottom:20px;
}

.label /*used on webparts PD1827B*/
{
       font-weight:bold;
}

.unreadMessage
{
    width:0px;
    height:0px;   
    background:url('Envelope.png') center no-repeat;
    padding-top:19px;
    padding-right:13px;
    padding-left:13px;
}

.readMessage
{
    width:0px;
    height:0px;   
    background:url('ReadEnvelope.png') center no-repeat;
    padding-top:15px;
    padding-right:13px;
    padding-left:13px;
}

.sentMessage
{
    width:0px;
    height:0px;   
    background:url('OpenEnvelope.png') center no-repeat;
    padding-top:15px;
    padding-right:13px;
    padding-left:13px;
}

.sentAndRepliedToMessage
{
    width:0px;
    height:0px;   
    background:url('OpenEnvelope.png') center no-repeat; 
    padding-top:15px;
    padding-right:13px;
    padding-left:13px;
}

.GroupHeaderStyle
{
    text-align:left;
    font-weight:bold;
    font-size:10pt;

}

.MessageBody /* MessageBody is used for display of sent mail */
{
    margin-left:20px;
    width:800px;
    color:black;
    font-family:Verdana;
    font-size: 10px;
    word-wrap: break-word; /* should not be required, but IE was not wrapping! */
    white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
    white-space : pre;      /* current browsers */
}

.MessageBody p
{
    margin-top: 0px;
    margin-bottom: 0px;
}
 
.nicEdit-main /* nicEdit-main is used for wyswig view */
{
    margin-left:20px;
    width:800px;
    color:black;
    font-family:Verdana;
    font-size: 10px;
    word-wrap: break-word; /* should not be required, but IE was not wrapping! */
}

.nicEdit-main p
{
     margin-bottom:0px !important;
     margin-top: 0px !important;
}

.nicEdit-main .wordwrap 
{
    text-wrap:normal !important;
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
    overflow-wrap:break-word;
    word-break: break-all;
    white-space: normal;
}

.wrapword  
{
    text-wrap:normal !important;
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
    overflow-wrap:break-word;
}

.MessageHistoryList /* container for list of messages */
{
}

.MessageHistoryMessage /* container for each item in list of messages */
{
    padding-top:10px;
    padding-bottom:10px;
}

.MessageHistoryMessageSeparator
{
    height:10px;
    margin-left:auto;
    margin-right:auto;
    width:90%;
    border-bottom:1px solid silver;
    margin-top:10px;
    margin-bottom:10px;
}

.MessageEditContainer
{
    width:99%; /* 100% causes right margin to be obscured */
}

.SMTextArea /* Controls the size of the nicEdit */
{
    width:780px;
    height:300px;
}

.nicEdit-main 
{
    color:black;
    font-family:Verdana;
    font-size: 10px;
}

.highlightUnread
{
    background-color: #C0DAFE;
}

/*Disabled Class*/
/*
If an item is disabled, then asp.net will add the aspNetDisabled class
And if this is added, then there's no point in displaying a cursor with the hand, cuz the item is disabled
Hence this global setting
*/
.aspNetDisabled, .aspNetDisabled *
{
    cursor:default !important;
    color: gray !important;
}
/* End Of Secure Messaging */

.roundCorner
{
    border-width: 1px;
    border-style: solid;
    border-color: #b5c3ef;
    padding: 0px;
    border-spacing: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.roundCornerTitle
{
    font-size:10pt;
	font-weight:bold;
	font-family:Helvetica;
	color: #026FBF;
	padding-left:5px;
    background: #b5c3ef; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1YzNlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmYzZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #b5c3ef 0%, #eff3ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5c3ef), color-stop(100%,#eff3ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b5c3ef 0%,#eff3ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b5c3ef 0%,#eff3ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b5c3ef 0%,#eff3ff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b5c3ef 0%,#eff3ff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c3ef', endColorstr='#eff3ff',GradientType=0 ); /* IE6-8 */ 
}
.roundCornerTitle a:link, .roundCornerTitle a:visited
{
    font-size:10pt;
	font-weight:bold;
	font-family:Helvetica;
	color: #026FBF;
	text-decoration:'underline';
}

/* BUTTONS */

.button 
{
    -moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	cursor:pointer ;
}

/*red buttons*/
.redButton, .redButton:disabled:hover{
    background: #8c2730; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjMjczMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMzI3MjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #8c2730 0%, #a32720 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c2730), color-stop(100%,#a32720)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8c2730 0%,#a32720 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8c2730 0%,#a32720 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8c2730 0%,#a32720 100%); /* IE10+ */
    background: linear-gradient(to bottom, #8c2730 0%,#a32720 100%); /* W3C */
    background-color: #8c2730; /* fallback */
	border:1px solid #8c2730;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
}.redButton:hover {
    background: #b52730; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I1MjczMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNTI3MzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #b52730 0%, #a52730 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b52730), color-stop(100%,#a52730)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b52730 0%,#a52730 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b52730 0%,#a52730 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b52730 0%,#a52730 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b52730 0%,#a52730 100%); /* W3C */
    background-color:  #b52730 ;/* fallback */
    border:1px solid #b52730
}.redButton:active {
	position:relative;
	top:1px;
}.redButton:disabled:hover
{
    cursor:default;
}


/*green buttons*/
.greenButton, .greenButton:disabled:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dc13c), color-stop(1, #137132) );
	background:-moz-linear-gradient( center top, #9dc13c 5%, #137132 100% );
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkYzEzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMzcxMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-color:#9dc13c;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
}.greenButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #137132), color-stop(1, #9dc13c) );
	background:-moz-linear-gradient( center top, #137132 5%, #9dc13c 100% );
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzNzEzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZGMxM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-color:#137132;
}.greenButton:disabled:hover
{
    cursor:default;
}
/* Pending Transactions and Account Details pages */
.pendingTransactionRow
{
	background-color:#f1f1f1;
}

.pendingTransactionPrefix
{
	color:grey !important;
}

.accountDetailRow
{
	vertical-align:top;
}
.accountDetailLabel
{
	font-weight:bold;
	white-space:nowrap;
	padding-bottom:5px;
}
.accountDetailData
{
	white-space:nowrap ;
	padding-right:5px;
}
a.unclearedfundlink:link
{
	color:#0066CC; /*design wants uncleared funds links to appear with this color by default. the color is the same as a:hover in general.css*/
}
.availableFundsSeparatorTop
{
    border-top:1px solid #e0e0e0;
}
.availableFundsSeparatorBottom
{
    border-bottom:1px solid #e0e0e0;
}

.editInputBorder
{
	border-width:1px;
	border-color:#e0e0e0;
	border-style:solid;
}
.categoryNavList, .userCategoryNavList 
{
    margin:0;
    padding:0;
}
.categoryNavList LI 
{
    padding-left: 5px;
    padding-top: 5px;
    text-align:left;
    white-space:nowrap;
}
.userCategoryNavList LI 
{
    padding-left: 0px;
    padding-top: 5px;
    text-align:left;
    white-space:nowrap;
}
.searchFilterTable TD
{
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-top:2px;
    white-space:nowrap;
}
.searchFilterTable .separator
{
    border-right: 1px solid #b5c3ef;
}
.confirmMsg 
{
    background-color:#e0e0e0;
    color: Gray
}

/* Transfer pages */
.transferConfirmationContainer
{
    width:400px;
}
.redrawMessage
{
    white-space:normal; 
    text-align:justify
}
.transferTimingNarrative
{
    white-space:nowrap;
    display: inline-block;
}
table.tableLayoutFixed, table.webPartZone 
{
    table-layout:fixed;
}


/*Context Menu*/
.fade{
    opacity:0.5;
}

.contextMenu {
    padding: 0px 3px 3px 3px;
}

    ul.contextMenu  {
        margin-bottom: 2px;
        margin-top: 5px;
    }

    .contextMenu li {
        padding: 5px 3px;
        white-space: nowrap;
    }

        .contextMenu li:hover {
            background-color: #aae6fa;
        }

.qtip-contextMenu {
            border-radius: 5px 5px 5px 5px;
            -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);
            -moz-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5);
            box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.5)
        }
            .qtip-contextMenu .qtip-titlebar {
                background-color: transparent !important;
                /*border-bottom:1px solid #08AAEA;*/
                padding-bottom:0px;
            }
            .qtip-contextMenu .qtip-title {
            font-weight:bold;
            /*padding-top:5px;*/
        }
            .qtip-contextMenu .qtip-content  {
                padding: 0px 3px 3px 3px;
            }
            .qtip-contextMenu .qtip-close{
                color: #08AAEA;
                border:none;
                background:none !important;
                padding-top:3px;
            }
            .qtip-contextMenu .qtip-close span{
                color: #08AAEA;
                font-size:14px;
            }
            .qtip-contextMenu a.qtip-close:hover{
                text-decoration:none;
            }
/* Signon Terms and Conditions specific */
#TandCButtonBar
{
    margin:0 auto;
    display:table;
}
#TandCButtonBar *
{
}

.estatementRowHeading
{
    text-align: center; 
    padding: 0,5,0,5px;
}
.estatementSubRowHeadingLeft
{
    text-align: left; 
    white-space: nowrap; 
    width: 120px;
}
.estatementSubRowHeadingRight
{
    text-align: right; 
    white-space: nowrap; 
    width: 120px;
}
.estatementDetailLeft
{
    text-align: left; 
    white-space: nowrap; 
    width: 120px;
}
.estatementDetailRight
{
    text-align: right; 
    white-space: nowrap; 
    width: 120px;
}
a.backToTop 
{
	position:fixed;
	right:20px;
    bottom:20px;
    z-index:999;
    display: none;
	background: url(btnScrollUp.png);
	width: 23px;
	height: 23px;
	text-decoration:none !important;
}

a.highlightedLink
{
	text-decoration: none;
	color:#0066CC;
	cursor:hand;
}
a.highlightedLink:hover
{
	text-decoration: underline;
}

.otpContainer{
    background-color:transparent;
    padding:3px;
    width:100%;
}
.otpHeader{
    font-weight:bold;
}
.otpTypes{
    width:100%;
}
.otpSeparator{
    width: 100%;
	border-collapse: collapse;
}

.otpSeparator td {
	padding-left: 0;
	padding-right: 0;
}

.iconInfo {
	vertical-align: middle;
}

.errortext li {
	padding-left: 0;
	margin-left: 0;
}

.errortext ul {
	padding-left: 0;
	margin-left: 2px;
}
/*#region TransactionPasswordFunctions control*/
.otpContainer, .otpContainer table, .signatoryContainer, .signatoryContainer table, .signatoryOtpContainer, .signatoryOtpContainer table,
.otpContainer td, .signatoryContainer td, .signatoryOtpContainer td
{
    border-collapse: separate;
    border-spacing: 1px;
    padding: 1px;
}
.otpContainer .txnPwdFxLabel, .signatoryContainer .txnPwdFxLabel, .signatoryOtpContainer .txnPwdFxLabel
{
    width: 25%;
    min-width: 100px;
    white-space: nowrap;
}
.otpContainer input[type="radio"], .signatoryContainer input[type="radio"], .signatoryOtpContainer input[type="radio"]
{
    vertical-align: middle;
}
label.OTPTYPESMS {
    padding-right: 5px;
}

.signatoryContainer .signatoryOtpContainer label.OTPTYPESMS {
    position: relative;
    top: 1px;
}

/** Supported for other Chrome & Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .otpTypes .smsOnly label {
        vertical-align: -webkit-baseline-middle;
    }

    .otpTypes .allOtpAvailable input[type='radio']{
        vertical-align: middle;
    }
    
    .otpTypes .allOtpAvailable label.OTPTYPETOKEN {
        position:relative;
        top: 2px;
    }

    .otpTypes .allOtpAvailable input[type='radio'].OTPTYPESMS{
        position: relative;
        top: 2px;
    }

    .otpTypes .allOtpAvailable label.OTPTYPESMS {
        position:relative;
        top: 4px;
    }
}
/** Supported for other Mozilla*/
@-moz-document url-prefix() {
    .otpTypes .smsOnly label {
        position: relative;
        top: 4px;
    }

    .otpTypes .allOtpAvailable input[type='radio'] {
        vertical-align: middle;
    }

    .otpTypes .allOtpAvailable input[type='radio'].OTPTYPETOKEN {
        position: relative;
        top: -1px;
    }

    .otpTypes .allOtpAvailable label.OTPTYPETOKEN {
        position: relative;
        top: 1.5px;
    }

    .otpTypes .allOtpAvailable input[type='radio'].OTPTYPESMS {
        position: relative;
        top: 1px;
    }

    .otpTypes .allOtpAvailable label.OTPTYPESMS {
        position: relative;
        top: 4px;
    }
}
/*#endregion*/
.section
{
    background-color:#eef5ff;
}


/*
'/\/\/\/\/\/\/\/\/\/\/\/\/\/\*  Program MAINTENANCE Log
'	Client-specific styles
*********************************************************/

/*************************************************/
/*************************************************/
/* Below styles are merged from old MVGeneral.css */
/*************************************************/
/*************************************************/

.loginbackground
{
	background-image: none;       
	background-color: #FFFFFF;   
}
.loginGeneralMessage
{
	position: absolute;
	top: 369px;
	right: 260px;
	width: 255px;
	font-weight: bold;
	font-size: 10pt;
	color: red;
	font-family: Helvetica;
	text-align: left;
	padding: 5px;
}
.loginLogo
{
	position: absolute;
	left: 20px;
	top: 20px;
	float: left;
	display:none;
}

.loginTitle
{  
	padding-top:7px;
}
@-moz-document url-prefix() { 
  .loginTitle
	{ 	  
		padding-top:42px;
  	}
}
.loginInputs
{
	background-image: none;
	background-repeat: no-repeat;
	position: absolute;
	top: 330px;	
	left: 45px;
	text-align: left;
	width: 500px;	
	height: 400px;	
	padding-top: 20px;
	vertical-align: middle;
}
.loginSubmitButton input
{
	background: inherit;
	float: left;
	margin-left: 146px;
}
table.newsignonfont
{
    width:500px;
}
.stText
{
	font-size: 8pt;
	color: black;
	font-family: Helvetica;
}
.stTextBold
{
	font-size: 8pt;
	color: #000000;
	font-family: Helvetica;
	font-weight: bold;
}
.loginerrortext
{
	font-size: 8pt;
	color: #red;
	font-family: Helvetica;
}
.warningtext
{
	font-weight: bold;
	font-size: 8pt;
	color: #FF0000;
	font-family: Helvetica;
}
.Mandatory
{
	color: red;
}
.tabControl
{
	border-right: #0066ff 0px solid;
	padding-right: 0px;
	border-top: medium none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #0066ff 0px solid;
	width: 100%;
	padding-top: 30px;
	border-bottom: none;
	background-color: #ffffff;
}
.contentTable /*modify this to align content */
{
	margin-left:auto; 
	margin-right:auto;
}
.leftMargin
{
	width: 1%;
	display:none;
}

.contentColumn
{
	text-align: left;
}
.rightMargin
{
	position: absolute;			
    right: 14px;				
    top: 335px;					
    width: 238px;				
    z-index: 2;				
}
.headerbkg
{
	float: left;
	width: 100%;
	background-repeat: repeat;
	height: 80px;
}
.header
{
	float: left;
	width: 584px;
	background-repeat: no-repeat;
	height: 60px;
}
.logo
{
	float: right;
	width: 200px;
	background-repeat: no-repeat;
	height: 60px;
}
.contentDivNoBorder
{
	width: 100%;
	display: block;
	background: inherit;
}
.footerbackground
{
	text-align: right;
}
.tblBorder
{
	border-right: Silver 1px solid;
	border-top: Silver 1px solid;
	font-size: 8pt;
	border-left: Silver 1px solid;
	color: #0066CC;
	border-bottom: Silver 1px solid;
	font-family: Helvetica;
	border-collapse: collapse;
}
.tableItem /*used on web parts [PD1469B]*/
{
	border-bottom-style: solid;
	border-bottom-color: Silver;
	border-bottom-width: 1px;
	padding: 2px 3px 2px 3px;
}
.tableSelectedRow /*used on web parts [PD1469B]*/
{
	background-color: #C0DAFE;
}

.newRowHeading /*used on web parts [PD1469B]*/
{
	font-size: 11px;
	color: black;
	font-family: Verdana;
	font-weight: bold;
	padding:  0px 3px 0px 3px;
}

/* web parts */
.wpTitle
{
	font-size:10pt;
	font-weight:bold;
	font-family:Helvetica;
	color: #026FBF;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#B5C3EF,endColorStr=#EFF3FF); /*IE*/
	background-image: -moz-linear-gradient(top, rgb(181,195,239), rgb(239,243,255));/* Firefox */
	background: -webkit-gradient(linear, left top, left bottom, from(#B5C3EF), to(#EFF3FF)) /*safari chrome*/
}
.menubar
{
	height: 43px;
	background-repeat: repeat-x;
	background-position: left center;
	width: 100%;
}
.menuStaticItem /* style for level1 menu items with no sub menu items */
{
	/*font changes here need to be replicated in li.static*/
	font-family: Tahoma !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #ffffff !important;
}
.submenuStaticItem /* style for level1 menu items with no sub menu items */
{
	line-height:20px;
	white-space:nowrap;
}
li.static /* style for level1 menu item that has sub menu items*/
{
	text-align: center;
	width: 120px;
	background-position: right;
	background-repeat: no-repeat;
	font-family: Tahoma !important;
	font-size: 12px !important;
	font-weight: bold !important;
	color: #ffffff !important;
	line-height:43px;
	padding:0px;
}
ul li  
{
    list-style: none; 
}

ul.static 
{
   	padding: 0px;
	margin: 0px;

}
.menuDynamic /* sub menu */
{
	z-index: 99999;
	overflow: hidden ;
	background-color: #696969;
	text-align:left;
	width: 200px;
	padding: 0px;
}
.printAndLogout
{
	position:absolute;
	top:53px;
	right:0px;				
	float:right;
	display:inline ;
}
.welcomeMessageText
{	text-align:left;
	font-family: Tahoma;
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
	font-size: 12px;
	width: 100%;
}
.welcomeMessageBkg
{
	background-repeat: repeat-x;
	height: 27px;
}
.welcomeMessageBkgRight
{
	background-repeat: no-repeat;
	height: 27px;
}
.welcomeMessageBkgLeft
{
	background-repeat: no-repeat;
	height: 27px;
}
.udaselect{ /* invisible parent of the dropdown */
        font: normal normal 10px helvetica;
        margin:0px;
        position: relative;
        text-indent: 3px;
        padding: 1px 0;
        cursor: hand;
        cursor: pointer;
}
.dropdownbutton
{
    display:inline-block;
    height:19px;
    top:0px;
    margin:0px;
    cursor: hand;
    background-repeat:no-repeat;
    background-position:left top;
}
.horizontalSeparatorLine
{
    color:lightgrey;
    height:1px;
}


/*************************************************/
/*************************************************/
/***************** zCustom Styles ****************/
/*************************************************/
/*************************************************/


A:hover
{
	text-decoration: underline;
	color:#0078c1;
	cursor:hand;
}

.loginTitle {
    height: 200px;
    left: 0;
	float:none;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    top: 0;
    width: 1015px;
    margin-top: 26px;
}

.loginTitle img
{
	width: 1015px;
}

.loginInputsContainer {
    top: -11px;
    position: relative;
    width: 1015px;
	height: 380px;
    margin: 0 auto;
    left: 0;
	top: 19px;
}
.loginInputs {
   float: left;
    height: 250px;
    left: 0;
    margin: 0;
    padding-top: 0;
    position: relative;
    top: 12px;
    width: 660px;
}

.loginInputs span
{
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
}
.loginbackground .loginTitle {
    height: 273px;
    left: 0;
	float:none;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    top: 0;
    width: 1116px;
    margin-top: 26px;
}

.loginbackground .loginTitle img {
    width: 1116px;
}

.loginbackground .loginInputsContainer {
    position: relative;
    width: 1116px;
    height: 615px;
    margin: 0 auto;
    left: 0;
    top: inherit;
    float: none;
    clear: both;
}

.loginbackground .loginInputs {
    float: left;
    height: auto;
    left: 0;
    margin: 0;
    padding-top: 0;
    position: relative;
    top: inherit;
    width: 565px;
    bottom: inherit;
}

.loginbackground .loginInputs span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #333;
    float: none !important;
}

.loginbackground .tblLoginInputs {
    width: 565px;
}
#ibMessage {
    float: right;
    top: 45px;
    position: relative;
    width: 525px;
}
.contentLogout {
    margin: 0 auto;
    width: 1116px;
    padding: 0;
}
.leftAlign.stText.contentLogout {
	margin: 0 auto;
	width: 1116px;
    padding: 0;
}
.newsignonfontOne {
    margin-bottom: 20px
}
.newsignonfont /* This is the class that is used for login text */ {
    color: #0078c1;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal !important;
    font-size: 14px;
}
table.newsignonfont {
    width: 660px;
	margin-top: 7px;
}
.loginbackground .newsignonfont /* This is the class that is used for login text */ {
    color: #e67824;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal !important;
    font-size: 14px;
}

.loginbackground table.newsignonfont {
    width: 585px;
	margin-top: 7px;
}

#ctl00_c_tbCaptcha tr {
    float: left;
}

tr#ctl00_c_trCaptchaImage {
    float: none;
}

#ctl00_c_trCaptchaImage .newsignonfont > img {
    width: 275px;
    margin-top: 10px;
}
#ctl00_c_trCaptchaText .newsignonfont > p {
   	width:100%;
}

#ctl00_c_trCaptchaText .newsignonfont > input {
    margin-top: 13px!important;
}
span.product-name {
    color: #00335a;
}

.leftAlign.stText.contentLogout .signonfont,
.signonfont /* This was originally the font for login text,
but has been used in many other places */ {
	font-weight: normal;
    font-size: 29px;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    height: 64px;
}
.loginbackground .loginSubmitButton {
    padding-top: 0;
}

.signonfont /* This was originally the font for login text,
but has been used in many other places */ {
	font-weight: normal;
    font-size: 22px;
    color: #0078c1;
    font-family: Arial, Helvetica, sans-serif;
}
.loginSubmitButton {
    padding-top: 15px;
}
.loginGeneralMessage {
	font-family: Arial, Helvetica, sans-serif;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 20px;
    width: 100%;	
	color: #0078c1;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;	
}
.loginLogo
{
	display:none;
}
.H1 {
    color: #0078c1;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal !important;
}
.stText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 30px;
    color: #2c2c2c;
    padding:5px 5px 5px 5px ;
}
small2 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #666666;
	padding: 3px;
}
.stTextBold {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #666666;
}
.errorheading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #ff0000;
}
.errortext {
    font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
	width:100%;
}
.loginerrortext {
    font-family: Arial, Helvetica, sans-serif;
	color: #ff0000;
}
.subHeading {
    font-family: Arial, Helvetica, sans-serif
}
.warningtext {
    font-family: Arial, Helvetica, sans-serif
}
.navhighlight {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #1d2172;
}
A:link .Navlink {
    font-family: Arial, Helvetica, sans-serif
}
.descHeading {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #0078c1;
}
.Mandatory {
    color: red
}
.medium {
    font-family: Arial, Helvetica, sans-serif
}
.combo {
    font-family: Arial, Helvetica, sans-serif
}
.tableItem {
    padding:10px;
    border-bottom-style: solid;
    border-bottom-color: #d3d3d3;
    border-bottom-width: 1px;
}

.subpromos {
    margin: 80px 0 40px;
}
.subpromos a {
    margin: 0 0px 0 0;
}
.tabControl {
    border-right: #0078c1 0px solid;
    border-left: #0078c1 0px solid;
    padding-top: 30px;
    border-bottom: none;
}
.tab {
    font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
    color: #ffffff;
	font-size:14px;
    padding: 12px 18px 12px 18px;
    background-color: #0078c1;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #ffffff 0px solid;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#0078c1' , EndColorStr= '#0078c1' );
}
.tabDisabled {
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
    padding: 12px 18px 12px 18px;
}
.tabHighlight {
    font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
    padding: 12px 18px 12px 18px;
    background-color: #fdb913;
    border-right: #ffffff 1px solid;
    border-top: #ffffff 1px solid;
    border-left: #ffffff 1px solid;
    border-bottom: #ffffff 0px solid;
	color: #00335a;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#fdb913' , EndColorStr= '#fdb913' );
}
INPUT {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 7px;
    background-color: #fff;
    color: #666666;
    border: 1px solid #cccccc;
}
.loginInput INPUT {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    background-color: #fff;
    color: #666666;
    border: 1px solid #cccccc;
}
.loginbackground ul.login-btn {
    margin: 0;
    padding: 0;
}

.loginbackground .tblLoginInputs input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 7px 20px;
    background-color: #f4f4f4;
    color: #666666;
    border: 1px solid #d3d3d3;
    height: 64px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 277px !important;
    float: none;
}

.loginbackground input#ctl00_c_btnSignOn, .signoutfont a#ctl00_c_Hyperlink_0  {
    background-color: #0078c1;
    color: #fff;
    border: none;
    height: 54px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: auto !important;
    margin-right: 133px;
    margin-top: 31px;
    padding: 12px 2px;
	-webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
}
.loginbackground input#ctl00_c_btnSignOn:hover, .signoutfont a#ctl00_c_Hyperlink_0:hover  {
    background-color: #fdb913;
}


 .signoutfont a#ctl00_c_Hyperlink_0  {
    margin: 0;
    padding: 0 16px;
    border-radius: 3px;
    overflow: visible;
    font-size: 53px;
    line-height: 61px;
}

#ctl00_c_trButtons span a {
    margin: 0 30px 0 0;
}
INPUT[type="radio"],
INPUT[type="checkbox"] {
    background-color: transparent;
    border: none;
}
INPUT[class="btnSignOn"] {
    background-color: transparent;
    border: none;
}
OPTION {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px;
    background-color: #fff;
    color: #666666;
    border: none;
	/*border: 1px solid #cccccc;*/
}
SELECT {
    font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px;
    background-color: #fff;
    color: #666666;
    border: 1px solid #cccccc;
}

SELECT:focus, OPTION:focus, INPUT:focus {
	outline: 						none;
	border: 						1px solid #0078c1;
	    background-color:               #fff; 
}
.loginbackground .tblLoginInputs INPUT:focus {
	outline: 						none;
	border: 						1px solid #00335a;
    background-color:               #fff; 
}
.DropDownControlBorder
{
    border:1px solid #cccccc;
	width: 355px !important;
	font-size: 10pt;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    color: #666666;
}
.DropDownControlBorder INPUT:focus {
	outline: 						none;
	border: 						none;
}

.dropdownbutton {
    background-image: url("DropDownButton.png");
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 19px;
    margin: 0;
    top: 0;
}
A:link {
    font-size: 10pt;
    color: #00335a;
    font-family: Arial, Helvetica, sans-serif;
}
A:active {
    font-size: 10pt;
    color: #0078c1;
    font-family: Arial, Helvetica, sans-serif;
}
A:visited {
    font-size: 10pt;
    color: #0078c1;
    font-family: Arial, Helvetica, sans-serif;
}
A:hover {
    color: #2c2c2c;
    text-decoration: underline;
}
.loginbackground a, .loginbackground a:link, .loginbackground a:active, .loginbackground a:visited, .loginbackground a:hover,
form[action="./Logout.aspx"] a, form[action="./Logout.aspx"] a:link, form[action="./Logout.aspx"] a:active, form[action="./Logout.aspx"] a:visited, form[action="./Logout.aspx"] a:hover{
    font-family: Arial, Helvetica, sans-serif;
    color: #0078c1;
    font-size: 13px;
    text-decoration: underline;
}
.loginbackground a:hover, .loginbackground a:active,
form[action="./Logout.aspx"] a:hover, form[action="./Logout.aspx"] a:active {
    color: #1a1a1a;
}

.footerContainerOuter A:hover {
	color: #999999;
    text-decoration: underline;
	
}
.headerbackground {
    height: 90px
}
.AltRow {
    font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #666666;
	font-size:12px;
}
.rhighlight {
    color: #fff;
    line-height: 25px;
    padding-left: 7px;
	padding: 7px 10px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fdb913;
    display: block;
}
.rowHeading,
.rowHeading a:link,
.rowHeading a:visited,
.rowHeading a:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 7px 10px !important;
	color:#0078c1;
}

.rowHeading {color:#0078c1;}

.rowHeading td {
    padding: 10px 10px !important;
	background-color:#f9f9f9;
}
th.rowHeading, td.rowHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px !important;
	background-color: #00335a;
	color: #ffffff;
}
tr.rowHeading {
}
th.rowHeading a:link,
th.rowHeading a:visited,
th.rowHeading a:active {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px;
	/*background-color: #0078c1;*/
	color: #0078c1;
}
th.rowHeading a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 10px;
	/*background-color: #0078c1;*/
	color: #0078c1;
	text-decoration:underline;
}
.tblBorder {
    color: #2c2c2c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
	width:100%;
}
iframe.tblBorder body {
    color: #5a5a5a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;    
}
.tableSelectedRow /*used on web parts [PD1469B]*/ {
    background-color: #d3d3d3;
}
.tableSelectedRow td.stText /*used on web parts [PD1469B]*/ {
    color: #666666;
}
.tableSelectedRow td.stText a:visited {
    font-size: 10pt;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
}

.tableSelectedRow td.stText a:link {
    font-size: 10pt;
    color: #0078c1;
    font-family: Arial, Helvetica, sans-serif;
}
.tableSelectedRow td.stText a:hover {
    color: #2c2c2c;
    text-decoration: underline;
}
.newRowHeading /*used on web parts [PD1469B]*/ {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 5px 10px 5px 10px;
	color:#0078c1;
	border-bottom: none;
}
.newRowHeading  td/*used on web parts [PD1469B]*/ {

    padding: 5px;
	background-color:#0078c1;
	color:#ffffff;
	text-align:center;

}
#ctl00_c_GridView1_ctl10_lblTotal, #ctl00_c_GridView1_ctl10_lblTotalCr, #ctl00_c_GridView1_ctl10_lblTotalDr, #ctl00_c_GridView1_ctl10_lblTotalTax, 
#ctl00_c_GridView2_ctl07_lblTotal, #ctl00_c_GridView2_ctl07_lblTotalDr, #ctl00_c_AccountWithTransactions1_fullAccountLink, 
#ctl00_c_GridView1_ctl14_lblTotal, #ctl00_c_GridView1_ctl14_lblTotalCr, #ctl00_c_GridView1_ctl14_lblTotalDr, #ctl00_c_GridView1_ctl14_lblTotalTax{
	padding: 7px 10px;
}
.background {
    background-color: transparent
}
.wpTitle {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal !important;
    color: #00335a;
    background-color: #fdb913;
    background-image: none;
    background: #fdb913;
    height: 35px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fdb913,endColorStr=#fdb913); /*IE*/
}
.wpHeader {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal !important;
}
a.wpTitle, span.wpTitle {
    color: #00335a;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal !important;
    padding-left: 4px;
	background: transparent;
}
a:active.wpTitle {
    color: #00335a;
}
a:visited.wpTitle {
    color: #00335a;
}
.wpContentBorder {
    border: 1px solid #fdb913;
    height: 100%;
    border-bottom: none;
    background-color: white;
    margin: 0px;
    padding: 10px 0;
}
.wpFooter {
    border-bottom: 1px solid #fdb913 ;
}
.menubar {
    background: transparent;
	height: 40px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100px;
		z-index: 1000; 			/* IMPORTANT for IE7 */
}
.menuStaticItem /* style for level1 menu items with no sub menu items */ {
    font-family: Arial, Helvetica, sans-serif; !important;
    font-size: 15px !important;
		*font-size:15px!important;
    font-weight: normal !important;
    color: #ffffff !important;
    padding: 19px 20px 22px 20px;
    padding: 22px 20px 22px 20px\9; /* IE6, IE7, IE8, IE9 */
		*padding: 22px 20px 22px 20px; 			/* IMPORTANT for IE7 */
    line-height: 56px;
	    *line-height: 59px;			/* IMPORTANT for IE7 */
	
}
. ie10 .menuStaticItem {
    padding: 22px 20px 22px 20px; /* IE10 */
}

@-moz-document url-prefix() { 
    /* Firefox */
    .menuStaticItem {
        padding: 21px 20px 20px 20px
    }
	
	.highlighted {
		padding: 19px 20px 22px 20px;
		}
}
.menuStaticItem:hover, .menuStaticItem:active {
    color: #00335a !important;
	background: #ffffff;
		*background: none; 			/* IMPORTANT for IE7 */
		
}
.highlighted {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px !important;
		*font-size: 15px!important;
    font-weight: normal !important;
    color: #00335a !important;
	background: #fdb913;
		*background: none; 			/* IMPORTANT for IE7 */
    line-height: none;
    padding: 19px 20px 22px 20px;
	padding: 22px 20px 22px 20px\9; /* IE6, IE7, IE8, IE9 */
		*padding: 22px 20px 22px 20px; 			/* IMPORTANT for IE7 */
}
ul.menustatic li.static a.selected.highlighted {
    color: #ffffff !important
}
.submenubar {
    display: none
}
div.submenubar div:first-child {
    background-color: #0078c1;
    height: 52px;
}
ul.static {
    height: 60px
}
ul.level1.submenustatic li.static {
    padding: 3px 7px 3px 7px;
    font-family: Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
    border-right: 1px solid #0078c1;
}
ul.level1.submenustatic li.static:hover,
ul.level1.submenustatic li.static:active {
    background-color: #fdb913 !important;
    color: #00335a;
}
ul.level1.submenustatic a {
    color: #00335a !important
}
ul.level1.submenustatic a:hover {
    text-decoration: none;
    color: #ffffff !important;
}
ul.level1.submenustatic a.selected {
    color: #00335a !important;
    font-size: 9pt;
    text-decoration: underline;
}
ul.level1.submenustatic a.selected:hover {
    color: #ffffff !important
}
li.static /* style for level1 menu item that has sub menu items*/ {
    background: none;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #ffffff !important;
	font-weight: normal !important;
    line-height: 56px;
		width: inherit; 			/* IMPORTANT for IE7 */
    transition: background-color 1s ease 0s;
}
li.static:hover,
li.static:active {
    color: #00335a !important;
    line-height: 56px;
	width: inherit; 			/* IMPORTANT for IE7 */
		/* IMPORTANT for IE7 */
		*background: #fdb913; 	/* IMPORTANT for IE7 */
}
ul.level1.menustatic > li.static {	width: 79px; }
ul.level1.menustatic > li.static + li.static {	width: 100px; }	/* TARGETING SECOND CHILD */
ul.level1.menustatic > li.static + li.static + li.static {	width: 104px; }	/* TARGETING THIRD CHILD */
ul.level1.menustatic > li.static + li.static + li.static + li.static  {	width: 77px; }	/* TARGETING FOURTH CHILD */
ul.level1.menustatic > li.static + li.static + li.static + li.static + li.static {	width: 146px; } /* TARGETING FIFTH CHILD */
\ul.level1.menustatic > li.static + li.static + li.static + li.static + li.static + li.static  { width: 155px; } /* TARGETING SIXTH CHILD */
ul.level1.menustatic > li.static + li.static + li.static + li.static + li.static + li.static + li.static { width: 150px; } /* TARGETING SEVENTH CHILD */
ul.level1.menustatic > li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static { width: 146px; }/* TARGETING EIGHT CHILD */

/*  IE 7 NTH CHILD FIXES  */
ul.level1.menustatic > li.static {	*width: 79px; }
ul.level1.menustatic > li.static + li.static {	*width: 100px; }	/* TARGETING SECOND CHILD // IMPORTANT for IE7 */
ul.level1.menustatic > li.static + li.static + li.static {	*width: 104px; }	/* TARGETING THIRD CHILD // IMPORTANT for IE7 */
ul.level1.menustatic > li.static + li.static + li.static + li.static  {	*width: 77px; }	/* TARGETING FOURTH CHILD // IMPORTANT for IE7 */
ul.level1.menustatic > li.static + li.static + li.static + li.static + li.static {	*width: 145px; } /* TARGETING FIFTH CHILD // IMPORTANT for IE7 */
ul.level1.menustatic > li.static + li.static + li.static + li.static + li.static + li.static  {	*width: 155px; } /* TARGETING SIXTH CHILD // IMPORTANT for IE7 */
ul.level1.menustatic > li.static + li.static + li.static + li.static + li.static + li.static + li.static {	*width: 150px; } /* TARGETING SEVENTH CHILD // IMPORTANT for IE7 */	
ul.level1.menustatic > li.static + li.static + li.static + li.static + li.static + li.static + li.static + li.static { *width: 146px; }/* TARGETING EIGHT CHILD // IMPORTANT for IE7 */
li.static:first-child 
{	
	width: inherit; 			/* IMPORTANT for IE7 */

}
li.static:first-child:hover, 
li.static:first-child:active /* style for level1 menu item that has sub menu items*/
{	
	width: inherit; 			/* IMPORTANT for IE7 */

}
ul.menustatic li.static a.static {
}

ul.menustatic li.static a.selected, ul.menustatic li.static:first-child a.selected {
	background-color: #00335a;
    color: #ffffff !important;
    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
    line-height: 56px;
	*line-height: 60px;						/* IMPORTANT for IE7 */
    text-decoration: none;
}
@-moz-document url-prefix() {
    ul.menustatic li.static a.selected, ul.menustatic li.static:first-child a.selected {
        line-height: 60px;
    }
}
ul.menustatic li.static a.selected:hover {
    background-color: #fdb013;
    color: #00335a !important;
    line-height: 56px;
	*line-height: 60px;						/* IMPORTANT for IE7 */
    text-decoration: none;
}
@-moz-document url-prefix() {
    ul.menustatic li.static a.selected:hover {
        line-height: 60px;
    }
}
ul.menustatic li.static a:hover,
ul.menustatic li.static a:active {
    background-color: #fdb013;
    color: #00335a !important;
    line-height: none;
    text-decoration: none;
}
ul.menustatic li.static li.dynamic a:hover,
ul.menustatic li.static li.dynamic a:active {
    background-color: #fdb913;
    color: #00335a !important;
    line-height: none;
    text-decoration: none;
}
ul.menustatic li.has-popup.static a.static:hover,
ul.menustatic li.has-popup.static a.static:active {
    color: #ffffff;
}
.menuDynamic /* sub menu */ {
    background-color: #0078c1;
    color: #333333;
    margin-left: 0;
    margin-top: 0;
    width: 250px;
}
.menuDynamicItem /* this gets applied to the hyperlink (<a>) within the list item */ {
    font-family: Arial, Helvetica, sans-serif !important;
	font-weight: normal !important;
    padding: 3px 8px;
		*padding: 3px 0; 			/* IMPORTANT for IE7 */
    line-height: none;
    font-size: 12px !important;
	display: block;
    width: auto;
    height: 100%;
}
li.dynamic /*individual sub menu item style*/ {
	border: none;
    background-color: #0078c1;
    color: #fff;
    padding: 0;
    line-height: none;
}
li.dynamic a {
    color: #fff !important;
	padding: 3px 8px;	
	line-height: 30px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif !important;
}
li.dynamic a:hover {
	padding: 3px 8px;
	font-family: Arial, Helvetica, sans-serif !important;
}
li.dynamic:hover /* when hovering over submenu item */ {
    background-color: #fdb913;
    color: #00335a;
    padding: 0;
    line-height: none;
}

li.dynamic a:focus {
    outline:0;
}
.menuDynamicHover {
    background-color: #fdb913;
    color: #00335a;
}
.printAndLogout {
    top: 173px;
    right: 15px;
	position:absolute;	
	z-index: 1000;				/* IMPORTANT for IE7 */	
}
.welcomeMessageText {
    font-family: Arial, Helvetica, sans-serif!important;
	font-weight: bold !important;
    color: #0078c1;
    font-size: 16px;
    margin-bottom: 20px;
}
.welcomeMessageBkgLeft {
    background-image: none
}
.welcomeMessageBkg {
    background-image: none;
    padding-top: 20px;
}
.welcomeMessageBkgRight {
    background-image: none
}
.welcomeContent {
    width: 1120px;
    margin-top: 40px;
}
.passwordFont {
    font-family: Arial, Helvetica, sans-serif;
}
#HorizontalMenuPanel {
    margin-bottom: 20px
}
table#ContentTable {
    margin-top: 0;
    border-spacing: 0;
}
.contentWrapper {
    border-spacing: 0;
	margin-top: 0;
}
.headerBackgroundInner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100px;
    background-color: #ffffff;
    background: #ffffff;
	z-index: -101; 			/* IMPORTANT for IE7 */
}
.navBackInner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: absolute;
    top: 100px;
    left: 0;
	height: 60px;
    background: #0078c1;
	z-index: -100; 			/* IMPORTANT for IE7 */
}
.maindiv {
  	z-index: 10000; 			/* IMPORTANT for IE7 */
  	position: relative;         /* IMPORTANT for IE7 */
	width: 100%;
}
.innermaindiv {
    position: relative;
    width: 1135px;
    height: auto;
    margin: 0 auto;
}
#ContentColumn {
    vertical-align: top;
    min-height: 540px;
    min-height: 200px\9;
	*min-height: 540px;         /* IMPORTANT for IE7 */
    display: block;
	padding-top: 110px;
	*padding-bottom: 85px;
}
.contact-us-wrapper {
    position: absolute;
    margin: -90px auto 0 auto;
    width: 100%;
    z-index: 99999;
}
.contact-us {
	margin: auto;
	width: 1116px;
	text-align: right;
}
.contact-us ul li {
	display: inline-block;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
}
.contact-us ul li span {
	color: #00335a;
}
.loginbackground .contact-us ul li a, .loginbackground .contact-us ul li a:hover, .loginbackground .contact-us ul li a:visited, form[action="./Logout.aspx"] .contact-us ul li a, form[action="./Logout.aspx"] .contact-us ul li a:hover, form[action="./Logout.aspx"] .contact-us ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #00335a;
	width: 165px;
	display: block;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
	font-size: 19px;
}
.ContentColumnOuter {
    vertical-align: top;
    min-height: 700px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    border-spacing: 0;
    display: block;
}
form[action="./default.aspx"] .ContentColumnOuter {
    vertical-align: top;
    min-height: 590px;
    margin: 0 auto;
    width: 100%;
    padding: 0;
    border-spacing: 0;
    display: block;
} 
.contentTable {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 100%;
    border-spacing: 0;
	 position: relative;
}
.calendarheading {
    background-color: #0078c1;
    color: #ffffff;
    font-family: "Arial Bold";
    font-size: 8pt;
}
    .calendarheading a:link {
        background-color: #0078c1;
        color: #ffffff;
        font-family: "Arial Bold";
        font-size: 8pt;
    }
SELECT.calendarweekday {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    background-color: #f1f1f1;
    color: #0078c1;
    border: none;
}
#mainContainerOuter {
	width:100%;
}
.footerbackgroundContainer {
    height: 200px;
    width: 100%;
    position: relative;
    padding-top: 30px;
    clear: both;
	float:none;
	background: #2c2c2c;
	z-index: -1000; 			/* IMPORTANT for IE7 */
	margin-bottom:0;
	*height:500px;
	top:60px;
}
.footerbackgroundContainerOuter {
    background: #00335a;
    height: 400px;
    width: 100%;
    position: relative;
    padding-top: 30px;
    clear: both;
	float:none;
    vertical-align: top;
	margin-bottom:0;
}
.loginbackground .footerbackgroundContainerOuter {
    background: #00335a;
    height: 300px;
    width: 100%;
    position: relative;
    padding-top: 30px;
    clear: both;
	float:none;
    vertical-align: top;
	margin-bottom:0;
}
.footerbackgroundContainerOuter td {
	padding:0;

}
.footerbackgroundContainer{
    background: #00335a;
    height: 400px;
    width: 100%;
    position: relative;
    padding-top: 1px;
    clear: both;
	float:none;
    vertical-align: top;
	margin-bottom:0;
}
.footerbackgroundContainer td {
    vertical-align: top;
	position: relative;
	clear: both;
	padding:0;
}
.footerContainerInner {
    width: 1136px;
    margin: 30px auto;
	color: #f6f6f6;
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: center;
}
.footerContainerOuter .footer-list li {
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #1a1a1a;
    font-size: 30px;
    margin: 0 80px;
}

.footerContainerInner .footer-list td {
    font-family: Arial, Helvetica, sans-serif;
    color: #1a1a1a;
    font-size: 30px;
	line-height: 35px;
    margin: 0 80px;
	width: 33%;
}
.footerContainerOuter .footer-list {
    margin-bottom: 28px;
}
.footerContainerInner .footer-list {
    margin-bottom: 20px;
	width: 100%;
}
.footerContainerOuter .footer-list-two, .footerContainerInner .footer-list-two {
    border-top: 4px solid #1a1a1a;
    padding: 12px 0 0 0;
}
.footerContainerOuter .footer-list-two li {
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #1a1a1a;
    font-size: 20px;
}
.footerContainerInner .footer-list-two li {
    font-family: Arial, Helvetica, sans-serif;
    color: #1a1a1a;
    font-size: 20px;
		*font-size: 19px;
}
.footerContainerOuter .footer-list li span, .footerContainerInner .footer-list li span {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}
.footerContainerInner .footer-list td span {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}
.footerContainerOuter {
    width: 1120px;
    margin: 30px auto;
    color: #f6f6f6;
    font-size: 0.8em;
    line-height: 1.5em;
    text-align: center;
}
.footerTopLine {
    font-size: 12px;
    margin-top: 5px;
}
.loginbackground #headerBG {
    background-color: transparent;
	border-bottom: none;
	width:100%;
	height: 104px;
}
.loginbackground #headerLogo {
    margin: 0 auto;
    width: 1116px;
	width: 1116px\9;
    border-spacing: 0;
    padding: 0 0 5px 0;
    position: relative;
    z-index: 20;
}
#headerBG {
    background-color: transparent;
	border-bottom: none;
	width:100%;
	height: 87px;
}
#headerLogo {
    margin: 0 auto;
    width: 1015px;
	width: 1000px\9;
    border-spacing: 0;
    padding: 0 0 5px 0;
}
.ie10 #headerLogo {
    width: 960px;
}
html[data-useragent*='MSIE 10.0'] .ie10 #headerLogo {
    width: 960px;
}
#headerLogo td {
	text-align: left;
	float: left;
}
.headerImg1 {
    vertical-align: middle;
    text-align: left;
	height: 104px;
}
.customLogo {
    margin-top: 13px;
}
.loginbackground .customLogo {
    margin-top: 0;
}
.containerLogin {
    width: 100%;
    margin: 0 auto;
    position: relative;
	background-color: #00335a;
    float: none;
    height: 55px;
}
#mainContainerLogout {
    top: 70px;
    left: 75px;
    position: relative;
}
.forgotText {
    margin: 0;
    line-height: 20px;
}
.forgotText a {
	background-image: url("btnHelpLogin.png") no-repeat scroll left top transparent
}
body, .loginbackground {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    margin: 0;
	background: none;
	text-align: left;
}
form[action="Login.aspx"] #mainContainer {
    float: left;
    height: 950px;
    left: 0;
    margin: auto;
    margin-left: auto;
    padding: 0 13px 0 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 935px;
}
#bottomContainer {
    background: none; 
	bottom: 0;
    float: left;
    height: 50px;
    left: 16px;
    position: absolute;
    width: 960px;
    margin: auto;
    margin-left: auto;
}
#menu {
    margin: 0 auto;
    height: 55px;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    width: 1015px;
    margin: 0 auto;
	float: none;
	z-index:10;
}
ul#menuList {
    color: #ffffff;
    display: inline;
    list-style: outside none none;
    padding: 0;
    position: relative;
    margin-left: 175px;
}
ul#menuList li {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    list-style: outside none none;
    margin: 0;
    padding: 0 32px 0 16px;
    position: relative;
}
ul#menuList li.lastItem {
    background: transparent none repeat scroll 0 0;
    color: #ffffff;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    list-style: outside none none;
    margin: 0;
    padding: 0 10px;
    position: relative;
}
ul#menuList li a:link, ul#menuList li a:visited {
    color: #fff;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 55px;
    outline: medium none;
    text-decoration: none;
}
.loginbackground #menu {
    margin: 0 auto;
    height: 55px;
    padding: 0;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 1116px !important;
    margin: 0 auto;
	float: none;
	z-index:10;
}
.loginbackground ul#menuList .home-btn {
    display: none;
}
 form[action="Logout.aspx"] ul#menuList .home-btn {
    display: inline-block;
}
.loginbackground ul#menuList {
    color: #ffffff;
    display: inherit;
    list-style: outside none none;
    padding: 0;
    margin: 0;
    position: relative;
    margin-left: 178px;
    position: relative;
}
.loginbackground ul#menuList li, .loginbackground ul#menuList li.lastItem {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    list-style: outside none none;
    margin: 0 0 0 -4px;
    padding: 0;
    position: relative;
    vertical-align: middle;
    }

.loginbackground ul#menuList li a:link, .loginbackground ul#menuList li a:visited {
    color: #fff;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 55px;
    outline: medium none;
    display: block;
    padding: 0 30px;
    text-decoration: none;
    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
    height: 55px;
}
.loginbackground ul#menuList li a:hover {
    color: #00335a;
    background-color: #fdb913;
}
#menuFooter {
    background-color: transparent;
    height: 23px;
    padding: 15px 0;
    : ;
    position: relative;
    width: 220px;
    top: 0;
    left: 0;
}
ul#menuListFooter {
    color: #666666;
    display: inline;
    list-style: none outside none;
    margin-left: 0;
    padding: 0;
    position: relative;
}
ul#menuListFooter li {
	color: #0078c1;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style: none outside none;
	margin: 0;
	padding: 0 30px 0 0;
	position: relative;
}
ul#menuListFooter li a:link, ul#menuListFooter li a:visited {
	background: url("rightArrowMenu.png") no-repeat scroll right 19px transparent;
	color: #0078c1;
	cursor: pointer;
	font-size: 10pt;
	outline: medium none;
	text-decoration: none;
	font-weight: normal;
	padding: 15px 15px 7px 0;
	border-bottom: 1px solid transparent;
}
ul#menuListFooter li a:hover, ul#menuListFooter li a:active {
	color: #0078c1;
	cursor: pointer;
	font-size: 10pt;
	outline: medium none;
	font-weight: normal;
	border-bottom: 1px solid #0078c1;
}
#advertsRight{
	bottom: 40px;
	position: absolute;
	left: 23px;
}
#advertsRight a{
	padding-right: 0;
	padding:0;
	margin: 0 8px 0 0;
	border:0;
}
.loginbackground #advertsRight{
	bottom: 0;
    position: absolute;
    float: none;
    clear: both;
    width: 1116px;
	padding-top:20px;
    height: 210px;
}
.loginbackground #advertsRight a{
	padding-right: 0;
	padding:0;
	margin: 0 8px 0 0;
	border:0;
}

.loginbackground #advertsRight a.last {
    margin:0;
}
.loginbackground #advertsRight a img {
    border-radius: 3px;
}
#advertsRightLogout {
    float: left;
    width: 100%;
    margin-top: 20px;
}
#advertsRightLogout p {
	float: left;
	margin-right: 40px;
}
.signoutfont {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 22px;
    padding-top: 15px;
	margin-top:0;
	margin-bottom:0;
	height: 120px;
}
.signoutfont2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}
#mainContent {
    clear: both;
    float: left;
    padding: 24px 0px 0 30px;
    position: relative;
    text-align: left;
    width: 989px;
}
#mainLeft {
    float: left;
    position: relative;
    width: 705px;
}
#advertsRight {
    bottom: inherit;
    position: relative;
    left: inherit;
    margin: 0 auto;
    width: 1015px;
    height: 233px;
}
#ibArea {
    float: left;
    position: relative;
    width: 400px;
}
#ibWelcome {
    color: #0078c1;
    font-size: 20px;
    width: 500px;
    padding-top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}
#ibWelcome img {
	display: none
}
#ibIntroText {
    color: #666666;
    font-size: 13px;
    padding-top: 20px;
    width: 545px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal !important;
}
.rightMargin {
    top: 240px;
    width: 240px;
    right: 40px;
}
#mainRight {
    float: left;
    position: relative;
    width: 239px;
    padding-left: 15px;
    padding-top: 0px;
}
#quickLinks {
    background: #2c2c2c;
    padding: 0px;
    width: 335px;
    height: 224px;
    margin: 80px 0 20px 0;
	float:right;
}
div#quickLinks ul {
    font-size: 15px;
    list-style: none outside none;
    margin-left: 10px;
}
div#quickLinks ul {
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 10px;
}
div#quickLinks ul li {
	display: block;
	line-height: 52px;
	margin-left: 0;
	margin-right: 18px;
	padding: 1px 0 1px 45px;
}	
div#quickLinks ul li.icon-one{
	background: url("icon_one.png") no-repeat scroll center left transparent;	
}
div#quickLinks ul li.icon-two{
	background: url("icon_two.png") no-repeat scroll center left transparent;	
}
div#quickLinks ul li.icon-three{
	background: url("icon_three.png") no-repeat scroll center left transparent;	
}
div#quickLinks ul li.icon-four{
	background: url("icon_four.png") no-repeat scroll center left transparent;	
}
div#quickLinks ul li a {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
}
div#quickLinks ul li a:hover {
	text-decoration: underline
}
.menubar a:hover {
    text-decoration: none
}
#mainContainer {
    background-color: transparent;
}
form[action="Logout.aspx"] #mainContainer,
form[action="default.aspx"] #mainContainer {
    float: left;
    height: 450px;
    left: 0;
    margin: auto;
    margin-left: auto;
    padding: 0 13px 0 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 970px;
}
form[action="Logout.aspx"] .contentTable,
form[action="ConnectionExpired.aspx"] .contentTable,
form[action="default.aspx"] .contentTable {
    height: 450px;
    margin: 0 auto;
    margin-left: auto;
    width: 1015px;
}
form[action="default.aspx"] .ContentColumnOuter {
    min-height: 590px;
}
form[action="Logout.aspx"] .signonfont {
    font-size: 24px;
    font-weight: normal;
    color: #003d66;
    padding-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
}

form[action="ConnectionExpired.aspx"] .signonfont,
form[action="default.aspx"] .signonfont {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    padding-top: 40px;
    color: #545454;
    font-weight: normal;
    margin-bottom: 50px;
    margin-top: 50px;
}
form[action="./default.aspx"] .signonfont, .signonfont {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    padding-top: 40px;
    color: #545454;
    font-weight: normal;
    margin-bottom: 50px;
    margin-top: 50px;
	text-align:center;
}
form[action="Logout.aspx"] .stText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #003d66;
	font-weight: normal !important;
}
form[action="Logout.aspx"] table {
    border-spacing: 0 !important
}
.horizontalSeparatorLine,
hr {
    color: #ccc !important;
    height: 0 !important;
    border-style: dashed !important;
}
.btnCol1 {
	background: #0078c1;
	border: 1px solid #0078c1;
	border-radius: 4px;
    color: #fff;
    padding: 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 170px;
    height: 23px;
    text-align: center;
    transition: background 1s ease 0s;
    display: inline-block;
    z-index: 1;
    position: relative;
	margin:3px;
}
.btnCol1:hover {
    background: #fdb913;
    text-decoration: none;
	border-color:#fdb913;
}
.btnCol1a {
    background-color: #c8c7c7;
	border: 1px solid #c8c7c7;
	border-radius: 4px;
    color: #ffffff;
    padding: 8px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 170px;
    height: 23px;
    text-align: center;
    display: inline-block;
    z-index: 1;
    position: relative;
	margin:3px;
}
.btnCol2, #btnCancel {
	background: #fdb913;
	border: 1px solid #fdb913;
	border-radius: 4px;
    color: #fff;
    padding: 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 170px;
    height: 23px;
    text-align: center;
    transition: background 1s ease 0s;
    display: inline-block;
    z-index: 1;
    position: relative;
	margin:3px;
}
.btnCol2:hover, #btnCancel:hover {
    background: #0078c1;
	border-color:#0078c1;
	color:#ffffff;
    text-decoration: none;
}
.btnCol2a, #btnPrevious, #btnNextDisabled {
    background-color: #c8c7c7;
	border: 1px solid #c8c7c7;
	border-radius: 4px;
    color: #fff;
    padding: 8px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 170px;
    height: 23px;
    text-align: center;
    display: inline-block;
    z-index: 1;
    position: relative;
	margin:3px;
}


input.btnSignOn {
	background: #0078c1;
	border-radius: 25px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 120px;
    height: 30px;
    text-align: center;
    transition: background 1s ease 0s;
    display: inline-block;
    z-index: 1;
    position: relative;
    margin-top: 0;
}
.btnSignOn:hover {
    background: #2c2c2c;
    text-decoration: none;
}

.loginSubmitButton {
	vertical-align: bottom;
}

.loginSubmitButton input {
	float: left;
	margin-left: 10px;
}

img[alt="Get SMS"] {
	background: #0078c1;
	border-radius: 4px;
    color: #fff;
    padding: 8px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 170px;
    height: 23px;
    text-align: center;
    transition: background 1s ease 0s;
    display: inline-block;
    z-index: 1;
    position: relative;
}
img[alt="Get SMS"]:hover {
    background: #8dc63f;
    text-decoration: none;
}
img[alt="Get SMS"]:focus, .btnSignOn:focus, .btnCol1:focus, .btnCol1a:focus, .btnCol2:focus, .btnCol3:focus {
	outline: 						none;
	border: 						none;
}


div#FROMINSTRUCTDETAILS {
	height: 135px !important;
}
select#INTINSTPAYEEINT, select#INTINSTMYACCNUMINT, select#INTINSTPAYEECHQ, select#INTINSTPAYEEEXT, select#MATINSTPAYEEINT, select#MATINSTMYACCNUMINT, select#MATINSTPAYEECHQ, select#MATINSTPAYEEEXT {
	height: 35px !important;
}
div[id*="EXPIRYDATE_txtPinPadpopup"]{
	z-index: 10000;
}
p.MsoNormal {
	
}
p.MsoNormal, li.MsoNormal, div.MsoNormal {
	mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12px !important;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif !important;
	mso-fareast-font-family: "Arial", Helvetica, sans-serif !important;
}

#popupBackground {
	
	width:100%!important;
	}

#ToDate, #FromDate, #iPassword {	
	padding:0 5px !important;
}
.loginbackground .customLogo {
    padding: 8px 0;
}
.loginbackground .containerLogin {
    background-color: #0078c1;
}
.loginbackground .loginInputs span, .loginbackground .tblLoginInputs input {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}
.loginbackground .loginTitle {
    margin-top: 0;
    height: 221px;
}
.loginbackground table.newsignonfont {
    width: 445px;
    margin-top: 0;
    border-collapse: collapse;
}
.loginbackground .loginInputs, .loginbackground .tblLoginInputs {
    width: 565px;
}

.loginbackground ul#menuList {
    margin-left: 0;
}

.loginbackground ul#menuList li a:hover {
    color: #00335a;
    background-color: #f8b634;
}

.loginbackground #advertsRight {
    position: relative;
}

.loginbackground #menu {
    width: 1116px;
}

.loginbackground .loginTitle img {
    width: 1116px;
}

.login-wrapper {
    width: 1116px;
    margin: auto;
}

.loginbackground ul#menuList > li {
    margin: 0;
}
.loginbackground ul#menuList > li + li,
.loginbackground ul#menuList > li + li + li,
.loginbackground ul#menuList > li + li + li + li {
    margin: 0 0 0 -4px;
}

#ctl00_c_trErrors, #ctl00_c_trErrors table, #ctl00_c_trErrors table td {
    height: 39px;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

.loginbackground ul#menuList li a:link, .loginbackground ul#menuList li a:visited {
    color: #fff;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 55px;
    outline: medium none;
    display: block;
    padding: 0 30px;
    text-decoration: none;
    -webkit-transition: background-color ease 0.3s;
    -moz-transition: background-color ease 0.3s;
    -o-transition: background-color ease 0.3s;
    transition: background-color ease 0.3s;
    height: 55px;
}
.loginbackground .tblLoginInputs input {
    height: 44px;
}

.loginbackground input#ctl00_c_btnSignOn {
    margin: 0px;
    margin-right: 105px;
    height: 54px;
    padding: 12px 13px;
}

.signoutfont a#ctl00_c_Hyperlink_0 {
    height: auto;
    padding: 10px 21px;
    font-size: 20px;
    display: inline-block;
}

.signoutfont {
    margin-bottom: 50px;
    height: 50px;
}

.signoutfont a#ctl00_c_Hyperlink_0 img {
    line-height: 1;
}

.loginbackground #advertsRight a {
    width: 277px;
    height: 190px;
    display: inline-block;
}

.loginbackground #advertsRight > a {
        margin: 0 -2px 0 0;
}

.loginbackground #advertsRight > a + a + a + a {  margin: 0; }/* Last child styling */

.loginbackground #advertsRight a img {
    width: 100% !important;
    height: auto !important;
    display: inline-block;
    border-radius: 0;
}

#PopUpCalendar {
    left: 620px !important;
    top: 490px !important;
}
#ctl00_c_pin1input_txtPinPadpopup, #ctl00_c_pin2input_txtPinPadpopup{
	z-index: 999999;
	height: 194px !important;
	width: 158px !important;
}