
/* Link Properties */

a:link
{
color:#0000CC;
}

a:active
{
color:#666666;
}

a:visited
{
color:#666666;
}

.disabledLink 
{
color:#0000CC;
text-decoration:underline;
}

/* General Layout Properties */

body 
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
background:url('/click/ecom41/img/default.png');
background-repeat:no-repeat;
background-position:top left;
background-color:#ddd1d1;
}

.pageWrapper
{
margin:auto;
width:1050px;
background:url('/click/ecom41/img/default.png');
background-repeat:no-repeat;
padding:0px;
}

.pageBody {
padding:10px;
color:#000000;
background:url('/click/ecom41/img/default.png');
background-color:#FFFFFF;
margin:0px 25px 0px 25px;
}

.pageHeader
{
background-color:#FFFFFF;
padding-bottom:0px;
}

.pageFooter
{
width:1040px;
;
padding-left:10px;
font-size:12px;
background:url('/click/ecom41/img/default.png');
background-color:#6b1816;
background-repeat:repeat-x;
/* border:1px solid #a0a0a0;
border-top:1px solid #FFFFFF; */
height:100px;
margin-left:0px;

margin-top:0px;
}

.bannerDisplay 
{
background:url('/images/CommercialStateBank_WagnerSD/ClickThru/ROB4.1_header_1050x100.jpg');
background-color:#FFFFFF;
background-repeat:no-repeat;
background-position:top left;
height:135px;
margin-left:0px;
margin-right:0px;
}

#bannerLink 
{
text-decoration:none;
}

/* Navigation Display Properties */

.nav1Wrapper 
{
background-color:#FFFFFF;
background:url('/click/ecom41/img/default.png');
background-repeat:repeat-x;
margin-left:0px;
margin-right:0px;
height:40px;
}

.nav1
{
font-size:12px;
position:relative;
top:10px;
left:150px;
z-index:5;
width:1050px;
}

.nav1 * .navButtonDisplay > .navButtonLink, .nav1 * .navButtonDisplay

{
color:#000000;
}

.nav1 * .navButtonDisplay > .navButtonLink a, .nav1 * .navButtonDisplay > .navButtonLink a:hover

{
text-decoration:none;
color:#000000;
font-weight:normal;
}

.nav2
{
font-size:13px;
position:relative;
top:58px;
left:165px;
z-index:6;
color:#000000;

width:980px;
		}


.nav2 * .navButtonDisplay > .navButtonLink, .nav2 * .navButtonDisplay
{
color:#000000;
}

.nav2 * .navButtonDisplay > .navButtonLink a, .nav2 * .navButtonDisplay > .navButtonLink a:hover

{
text-decoration:none;
color:#000000;
font-weight:normal;
}


.nav3Wrapper 
{
background:url('/click/ecom41/img/default.png');
background-color:#FFFFFF;
margin-left:0px;
margin-right:0px;
height:20px;
background-repeat:repeat-x;
}

.nav3
{
font-size:14px;
position:relative;
top:3px;
left:275px;
z-index:5;
width:1050px;
}

.nav3 * .navButtonDisplay > .navButtonLink a, .nav3 * .navButtonDisplay > .navButtonLink a:hover
{
color:##000000;
text-decoration:none;
font-weight:normal;
}

.nav3 * .navButtonDisplay > .navButtonLink, .nav3 * .navButtonDisplay

{
color:##000000;
}


.nav4
{
font-size:;
position:relative;
top:;
left:;
z-index:5;
color:#000000;
width:;
}


.nav4 * .navButtonDisplay > .navButtonLink a, .nav4 * .navButtonDisplay > .navButtonLink a:hover

{
text-decoration:;
color:#000000;
font-weight:;
}

.nav4 * .navButtonDisplay > .navButtonLink

{
color:#000000;
}

.nav5
{
font-size:;
position:relative;
top:;
left:;
z-index:5;
color:#000000;
width:;
}

.nav5 * .navButtonDisplay > .navButtonLink a, .nav5 * .navButtonDisplay > .navButtonLink a:hover

{
text-decoration:;
color:#000000;
font-weight:;
text-align:center;
}

.nav5 * .navButtonDisplay > .navButtonLink

{
color:#000000;
}

/* Component Display Properties */

.componentShadow, .helpTipWrapper
{
}

.componentMenuWrapper
{
background-color:#FFFFFF;
}

.componentHeader
{
background:url('/images/blank2.gif');
background-repeat:repeat-x;
background-color:#761917;
padding:8px 0px 4px 8px;
color:#FFFFFF;
font-size:16px;
}

.componentHeader > table * td
{
color:#FFFFFF;
padding:0px;
}

.compontentSubHeader
{
background-color:#761917;
color:#FFFFFF;
font-size:12px;
}

.componentMenu
{
margin:auto;
border:1px solid #761917;
padding:20px;
background-color:#EEEEEE;
color:#000000;
}

/* Table Properties */

table 
{
width:100%;
border-collapse:collapse;
color:#000000;
}

td
{
padding:4px;
}

table.none * td
{
padding:4px;
color:#000000;
}

th {
background-color:#761818;
color:#FFFFFF;
padding:4px;
font-weight:lighter;
}

.evenRow {
background-color:#EEEEEE;
	
}

.oddRow {
background-color:#FFFFFF;
}

/* 'Accounts' Widget */

.accountsSubHeader, .accountsSubHeaderAlt, .accountsSubMenu
{
border:1px solid #000000;
}

.accountsSubHeader * td, .accountsSubHeaderAlt * td, .accountsSubHeader > td, .accountsSubHeaderAlt > td
{
font-size:16px;
padding:4px;
}

.accountsSubHeader
{
background-color:#CDC2A6;
}

.accountsSubHeader * td, .accountsSubHeader > td
{
color:#42433B;
}

.accountsSubHeaderAlt
{
background-color:#E2DBC9;
color:#42433B;
}

.accountsSubHeaderAlt * td, .accountsSubHeaderAlt > td
{
color:#42433B;
}

.accountsSubMenu
{
padding: 0px 4px 10px 4px;
}

table.accountsTable
{
margin:auto;
text-align:left;
border-collapse:collapse;
padding:3px 7px 2px 7px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
width:100%;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.25;
}

table.accountsTable * td
{
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
font-weight:lighter;
}

/* 'Quick Transfer' Widget */

.transferDetailMenu
{
padding:10px 10px 15px 10px;
height:100%;
background-color:#FFFFFF;
border:1px solid #000000;
}

/* 'Current Transactions' Widget */

.currentTransactionsSubMenu1
{
padding-bottom:10px;
}

table.currentTransactionsTable
{
margin:auto;
text-align:left;
border-collapse:collapse;
padding:3px 7px 2px 7px;
border:1px solid #000000;
width:100%;
font-size:14px;
line-height: 1.25;
color:#000000;
}

table.currentTransactionsTable * td
{
font-weight:lighter;
}

/* 'Search Transactions' Widget */

.searchTransactionsMenu
{
margin:auto;
border:1px solid #761917;
padding:15px;
font-size:13px;
line-height: 1.25;
}

.searchTransactionsSubMenu2
{
border:1px solid #000000;
background-color:#EEEEEE;
padding:8px;
}

/* iPay Widget */

#iPayDisplay, #iPayDisplayAlt
{
border-right:1px solid #000000;
border-left:1px solid #000000;
}

#iPayDisplayAlt 
{
border-bottom:1px solid #000000;
}


/* 'Quick Pay' Widget */

.quickpayButton 
{
background-color:#FFFFFF;
border:1px solid #AAAAAA;
border-bottom:1px solid #FFFFFF;
padding:8px 8px 8px 8px;
}

.quickpayButtonAlt
{
background-color:#E6E6E6;
padding:8px 8px 6px 8px;
}

.quickpaySubMenuWrapper {
width:auto;
margin:auto;
height:360px;
background-color:#FFFFFF;
padding:0px 10px  0px 10px;
}

quickpaySubMenu
{
width:auto;
margin:auto;
height:375px;
}

.quickpaySubHeader2 
{
font-size:10px;
}

.quickpaySubHeader
{
background-color:#CCCCCC;
border:1px solid #AAAAAA;
width:auto;
padding:12px 6px 8px 6px;
}

#popMoneyHeader
{
font-size:12px;
border:1px solid #FFFFFF;
height:50px;overflow:auto;
}

#popMoneyHeaderAlt
{
height:125px;
border:1px solid #FFFFFF;
}

/* 'Spending Reports' Widget */

.spendingReportMenu
{
margin:auto;
font-size:12px;
color:#333333;
width:100%;
background-color:#FFFFFF;
}

.spendingReportSubMenu2
{
text-align:center;
}

table.spendingReportTable
{
margin:auto;
text-align:left;
border-collapse:collapse;
padding:3px 7px 2px 7px;
border:1px solid #333333;
width:100%;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.25;
color:#333333;
}

table.spendingReportTable * td
{
border-top: 1px solid black;
border-bottom: 1px solid black;
font-weight:lighter;
}


/* Overlay Properties */

#overlay
{
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color:#494949;
overflow:auto;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);
}

#innerOverlay {
display: none;
position: absolute;
top: 40px;
left: 40px;
width: 0px;
height: 0px;
padding: 16px;
border: 20px solid #000000;
background-color: white;
z-index:1002;
overflow:none;
text-align:center;
}

.subHeader
{
background-color:#333333;
border:1px solid #333333;;
color:#FFFFFF;
padding:10px 0px 2px 15px;
text-align:left;
}

.overlayComponent
{
border:1px solid #C0C0C0;
padding:5px;
}

/* Household Transactions Category */

.reportInfoHeader
{
font-size:19px;
background-color:#761917;
padding:4px;
color:#FFFFFF;
}

table.reportInfoTable
{
margin:auto;
text-align:left;
border-collapse:collapse;
padding:3px 7px 2px 7px;
border:1px solid #761917;
width:100%;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 1.25;
color:#000000;
}

table.reportInfoTable * td
{
border-top: 1px solid #761917;;
border-bottom: 1px solid #761917;;
font-weight:lighter;
}


/* 'eAlert' Properties */

img {border:0px}

#eAlert
{
width:100%;
height:100%;
}

.eAlertHeader
{
background-color:#333333;
color:#FFFFFF;
padding:4px 4px 4px 10px;
text-align:left;
}

.eAlertSubMenu
{
border:1px solid #333333;
}

.eAlertSubMenu
{
border:1px solid #333333;
text-align:left;
}


table.eAlertTable 
{
width:100%;
margin:auto;
border-collapse:collapse;
}

table.eAlertTable * th
{
background-color:#D3D3D3;
color:#333333;
padding:4px;
}

/* Menu  Display Properties */

.navButtonDisplay > .navButtonLink a
{
color:#000000;
background-color:transparent;
text-decoration:none;
padding:0px;
}
 
.navButtonDisplay > .navButtonLink a:hover
{
color:#000000;
background-color:transparent;
text-decoration:none;
}
 
table.navMenu, .navMenu * table
{
width:auto;
border-collapse:collapse;
margin:0;
padding:0;
}

table.navMenu * td
{
padding:0px;
}
 
table.navMenu * tr
{
vertical-align:top;
}
 
.subMenu * td, .verticalSubMenuDisplay * td
{
width:160px;
}
 
.navMenu a, .nav3 * .navButtonDisplay > .navButtonLink * .verticalSubMenu > a, .nav2 * .navButtonDisplay > .navButtonLink * .verticalSubMenu > a
{
background-color:#761917;
color:#FFFFFF;;
display:block;
text-decoration:none;
padding:2px;
}


table.navMenu * a:hover, .nav3 * .navButtonDisplay > .navButtonLink * .verticalSubMenu > a:hover, .nav2 * .navButtonDisplay > .navButtonLink * .verticalSubMenu > a:hover
{
background-color:#ffffff;
color:#00003E;
}
 
#extButtonDisplay:hover
{
background-color:#ffffff;;
color:#00003E;
}
 
table.navMenu * .subMenu, table.navMenu * .verticalSubMenuDisplay
{
display:none;
width:200px;
font-size:11px;
}

 
#navButton:hover .subMenu, #navButton:hover .verticalSubMenuDisplay
{
display:block;
position:absolute;
z-index:10;
}

#extMenu
{
display:none;
}
 
#extMenuDisplay
{
position:absolute;
}
 
#extButton:hover > #extMenuDisplay > #extMenu
{
display:inline;
}

.navBorderTop, .navBorderMiddle, .navBorderBottom
{
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
}

.navBorderTop
{
border-top:1px solid #FFFFFF;
}

.navBorderBottom
{
border-bottom:1px solid #FFFFFF;
}

/* Misc. Display Properties */

.landing
{
color:#000000;
}
 

table * .infoTextTable
{
color:#000000;
}

#transactionsSearchPod
{
background-color:#FFFFFF;
}

#imageSearchPod
{
background-color:#FFFFFF;
}

#footerMsg
{
position:relative;
top:0px;
left:0px; 
width:1050px;
color:#FFFFFF;
}

.allTransactionsEven
{
background-color:#F5F5F5;
}

.allTransactionsOdd
{
background-color:#FFFFFF;
}

#topDivider
{
position:absolute;
z-index:1;
left:1px;
width:100%;
display:none;
}

#bottomDivider
{
position:absolute;
z-index:1;
width:100%;
left:1px;
display:none;
}

#classicView
{
display:none;
text-align:right;
}

.takeMeToSelect
{
display:none;
}

.innerPageWrapper
{

}

.innerPage
{
position:relative;
padding:0px;
    color:#000000;
/* border:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF; */
background:url('/click/ecom41/img/default.png');
background-repeat:no-repeat;
background-color:#FFFFFF;

}

.innerPageHeader
{
display:none;
height:40px;background:url('/click/ecom41/img/default.png');
background-color:#000000;
}

.verticalMenu
{
width:1050px;
background-color:#FFFFFF;
}

#footerImg
{
padding-right:20px;
text-align:left;
}

.innerPageTable
{
margin-top:0px;
}

.mobileServicesHeader
{
background-color: #000000;
color: #FFFFFF;
text-align:left;
font-weight:bold;
}

.mobileServicesRow
{
border:1px solid #000000;
}

/*Classic 'Pod' Properties*/

.classicPodMenu
{
	color:#000000;
    border:1px solid #000000;;
    background-color:#EEEEEE;
}

.classicPodHeader
{
	color:#FFFFFF;
    background:url('/images/blank2.gif');
	background-repeat:repeat-x;
  	background-color:#761917;
    font-size:16px;
    padding:10px;
}
.classicPodHeaderAlt
{
	color:#ffffff;
   	background-color:#761917;
    border:1px solid #000000;
    border-bottom:0px;
    padding:4px 0px 4px 10px;
    font-weight:bold;
}

.classicPodDataTable
{
	width:100%;
   
}

.classicPodDataTable * th
{
	
	color:#FFFFFF;
    background:url('/images/blank2.gif');
	background-repeat:repeat-x;
    background-color:#761917;
   
}

.lastRow
{
background-color:#EEEEEE;
color:#000000;;
}

.columnHeader
{
background:#761917;
color:#FFFFFF;
}