<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@CHARSET "ISO-8859-1";

/*
 * Online Payment system-specific CSS &amp; overrides
 */
 
body {
	/*top left only*/
	background: #F4F9F3 url(style_images/onlinePaymentsBG_small.gif) fixed top left no-repeat;
}

input[type='text']:focus {
	background-color:#fff;
}

.onlinePaymentsHeaderBackground {
	background: transparent url("images/lts_02_slice_small.png") repeat-x;
	height: 80px;
	border: none;
}

.sectionOutsideWrapper {
	margin: 10px 0 0 0;	
}

#pageDiv {
	position: relative; /* make this relative so absolute positioning is based on this div. */ 	
}


#footerSection {
	height: 68px;
	border: none;
	background: none;
}

.footerGradient {
	background: -webkit-gradient(linear, left bottom, right bottom, from(#003b68), to(#F4F9F3));
	background: -moz-linear-gradient(left bottom,  #003b68 50%,  #F4F9F3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b68', endColorstr='#F4F9F3', gradientType='1');
	height: 5px;
	margin-bottom: 3px;
	margin-top: 10px
}
.footerContent {
	color: slategrey;
	width: 100%
}
.footerContent a { color: slategrey; } 
.footerContent td { width: 33% }

#contentSection {	
	background-color: transparent;
}

#contentSection .navContentWrapper {
	border-left: none;
}

.accountDetailsWelcomeText {
	padding: 5px; display: block; color: #003b68; font-size: 1.2em
}

.stepSectionInnerFormDiv_onlinePayments {
	margin: 5px;
	padding: 5px;	
}

/* *************************
 * ****** Tab Classes ******
 * =tabs
 * * Used with panel grids.*
 * * a list would need to  *
 * * have other selectors. *
 * *************************/
/* Tabs are designed using the 'sliding doors' technique */
.tabsBlock {
	background: #F4F9F3 url("tabs_images/onlinePayments_background_bar.jpg") repeat-x;
	font-size: 0.9em;
	position: relative;
	bottom: 5px;
	margin-left: -2px;
}
.tabsBlock td.tabNotCurrentlySelected,
.tabsBlock li.tabNotCurrentlySelected {
	background:url(tabs_images/onlinePayments_tab_inactive_left.png) no-repeat left top;
}
.tabsBlock a {
	background:url(tabs_images/onlinePayments_tab_inactive_right.png) no-repeat right top;
	color:#F4F9F3;
	margin-left: -15px;
	padding-left: 3px;
	padding-right: 13px;
}

.tabsBlock td.tabCurrentlySelected,
.tabsBlock li.tabCurrentlySelected {
	background: url(tabs_images/onlinePayments_tab_current_singsel_left.png) no-repeat left top;
}
.tabsBlock .tabCurrentlySelected a {
	background:url(tabs_images/onlinePayments_tab_current_right.png) no-repeat right top;
	color:#F4F9F3;
	margin-left: -15px;
	padding-left: 3px;
	padding-right: 13px;
}

#TabsBlockFormID {
	/* CSS3 gradients! (+ IE method of doing it) */
	background: -webkit-gradient(linear, left bottom, right bottom, from(#003b68), to(#F4F9F3));
	background: -moz-linear-gradient(left bottom,  #003b68 50%,  #F4F9F3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b68', endColorstr='#F4F9F3', gradientType='1');
}


</pre></body></html>