/*

	CSS of OAS STAFF Federal Credit Union
	November, 2007
	(c) 2007 American Technology Services
	XHTML/CSS by Todor Iliev

*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3c3c3c;
	margin: 0;
	padding: 0;
	background: #1d1d1d;
	}
	
img {
	border: 0;
	}

#wrapper {
	text-align: left;
	width: 958px;
	margin-left: auto;
	margin-right: auto;
	border-right: 7px solid #565656;
	border-left: 7px solid #565656;
	background: #fff;
	}


/* ----------- Begin Header ----------- */

#headerHome {
	height: 327px;
	}

#header {
	height: 250px;
	}
	
#logoSectionHome {
	width: 248px;
	height: 327px;
	float: left;
	background: url(../images/dev/logoSectionBg.gif) no-repeat 0 0;
	}
	
#logoSectiongreen {
	width: 248px;
	height: 327px;
	float: left;
	background: url(../images/dev/logoSectionBggreen.gif) no-repeat 0 0;
	}
	
#logoSection { /* secondary pages only */
	width: 248px;
	height: 250px;
	float: left;
	background: url(../images/dev/logoSectionBg.gif) no-repeat 0 0;
	}
	
#logo {
	float: left;
	position: absolute;
	margin: 0 0 0 25px;
	top: 22px;
	}
	
#linksSection {
	width: 710px;
	height: 95px;
	float: left;
	background: url(../images/dev/linksSectionBg.gif) no-repeat 0 0;
	}
	
	#linksSectiongreen {
	width: 710px;
	height: 95px;
	float: left;
	background: url(../images/dev/linksSectionBggreen.gif) no-repeat 0 0;
	}
	
#links {
	float: right;
	width: 600px;
	text-align: right;
	margin: 0 13px 0 0;
	}
	
#links a.topLink:link, #links a.topLink:visited, #links a.topLink:active {
	font-size: 90%;
	color: #6a91ae;
	text-decoration: none;
	margin: 0 10px 20px 10px;
	position: relative;
	top: -10px;
	}
	
#links a.topLink:hover {
	color: #325f81;
	}
	
	
	#linksgreen {
	float: right;
	width: 600px;
	text-align: right;
	margin: 0 13px 0 0;
	}
	
#linksgreen a.topLink:link, #linksgreen a.topLink:visited, #linksgreen a.topLink:active {
	font-size: 90%;
	color: #28471f;
	text-decoration: none;
	margin: 0 10px 20px 10px;
	position: relative;
	top: -10px;
	}
	
#linksgreen a.topLink:hover {
	color: #28471f;
	}

#searchprint {
	width: 200px;
	text-align: right;
	margin: -95px 12px 0px -50px;
	}
	
#search {
	float: left;
	width: 600px;
	text-align: right;
	margin: -45px 12px 0px -50px;
	}

#searchgreen {
	float: right;
	width: 600px;
	text-align: right;
	margin: 10px 13px 0 0;
	}


#print input {
	width: 170px;
	height: 14px;
	}

#print input#printBtn {
	width: 5px;
	height: 20px;
	border: 0;
	background: url(../images/dev/print.gif) no-repeat 2px 2px;
	margin: 1px 7px 0 5px;
	}
	
#print input.printBtn {
	width: 13px;
	height: 20px;
	border: 0;
	background: url(../images/dev/print.gif) no-repeat 0 0;
	margin: 1px 7px 0 5px;
	}



	
	

#search input {
	width: 170px;
	height: 14px;
	}

#search input#searchBtn {
	width: 5px;
	height: 20px;
	border: 0;
	background: url(../images/dev/arrowBtn.gif) no-repeat 2px 2px;
	margin:  1px 7px 0 5px;
	}
	
#search input.searchBtn {
	width: 13px;
	height: 20px;
	border: 0;
	background: url(../images/dev/arrowBtn.gif) no-repeat 0 0;
	margin:   1px 7px 0 5px;
	}
	
#greenBtn {
	float: right;
	width: -200px;
	text-align: right;
	margin: -45px 12px 0px 98px;
	}
	
	#greenBtn_int {
	float: right;
	width: -200px;
	text-align: right;
	margin:  -25px 12px 0px 98px;
	}

#imageSectionHome {
	width: 710px;
	height: 232px;
	float: right;
	/*background: url(../images/home/img01.jpg) no-repeat 0 0;*/
	background: url(../images/dev/loading.gif) no-repeat bottom left;
	}
	
#imageSectiongreen {
	width: 710px;
	height: 232px;
	float: right;
	/*background: url(../images/green/img01.jpg) no-repeat 0 0;*/
	background: url(../images/dev/loading.gif) no-repeat bottom left;
	}

#imageSectionHome { /* Home only */
	width: 710px;
	height: 232px;
	float: right;
	padding: 0;
	}

.default {
	background: url() no-repeat 0 0;
	}
	


#imageSection { /* secondary pages only */
	width: 710px;
	height: 154px;
	float: right;
	padding: 0;
	}

.contactUs {
	background: url(../images/secondary/contactUs.jpg) no-repeat 0 0;
	}
.aboutUs {
	background: url(../images/secondary/aboutUs.jpg) no-repeat 0 0;
	}
.services {
	background: url(../images/secondary/services.jpg) no-repeat 0 0;
	}
.rates {
	background: url(../images/secondary/rates.jpg) no-repeat 0 0;
	}
.savingsAndChecking {
	background: url(../images/secondary/savingsAndChecking.jpg) no-repeat 0 0;
	}
.loanAndCreditCards {
	background: url(../images/secondary/loanAndCreditCards.jpg) no-repeat 0 0;
	}
.realEstateLoans {
	background: url(../images/secondary/realEstateLoans.jpg) no-repeat 0 0;
	}
.planningAndAdvice {
	background: url(../images/secondary/planningAndAdvice.jpg) no-repeat 0 0;
	}	
.myMoney {
	background: url(../images/secondary/myMoney.jpg) no-repeat 0 0;
	}
.error {
	background: url(../images/secondary/error.jpg) no-repeat 0 0;
	}

#imageSection1 { /* secondary pages only */
	width: 710px;
	height: 232px;
	float: right;
	padding: 0;
	}

.apple_pay_service {
	background: url(../images/secondary/apple_pay_banner.jpg) no-repeat 0 0;
	}
	
#imageSection h1 {
	position: relative;
	font-size: 190%;
	color: #fff;
	font-weight: lighter;
	margin: 120px 0 0 15px;
	}
	
/* ----------- End Header ----------- */


/* ----------- Begin Left Column ----------- */

#leftColumn {
	position: absolute;
	margin: 176px 0 0 20px;
	height: 300px;
	width: 223px;
	}

#mainNav {
	height: 320px;
	margin: 0 0 0 0;
	background: url(../images/dev/navBg.gif) no-repeat top center;
	}	

#message {
	font-size: 80%;
	color: #fff;
	height: 94px;
	padding: 15px 15px 0 15px;
	}
	
/* ----------- Begin Main Navigation ----------- */

#menu {
	z-index:100000;
	}

#menuflash {
	z-index:10000;
	}

#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:224px;
	}

/* hack for IE5.5 */
* html #menu ul {
	margin-left:-16px;
	ma\rgin-left:0;
	}

#menu li {
	position:relative;
	background:#;
	height:26px;
	}
	
#menu li.lastItem {
	background: url(../images/dev/lastItemBottom.gif) no-repeat 0 -12px;
	}

#menu li li {
	background: #678fa9;
	}

/* get rid of the table */
#menu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
	}

/* style the links */
#menu a, #menu a:visited {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:223px;
	color:#fff;
	text-indent:15px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
	}

/* hack for IE5.5 */
* html #menu a, * html #menu a:visited {
	background:;
	width:225px;
	w\idth:224px;
	}

* html #menu li li a, * html #menu li li a:visited {
	background: #678fa9;
	}
	
* html #menu li.lastItem a, * html #menu li.lastItem a:visited {
	background: url(../images/dev/lastItemBottom.gif) no-repeat 0 -12px;
	}

/* style the link hover */
* html #menu a:hover  {
	color:#fff;
	background:#cd631b;
	}

* html #menu li.lastItem a:hover {
	color:#fff;
	background: url(../images/dev/lastItemBg.gif) no-repeat 0 -9px;
	}

#menu :hover > a {
	color: #fff; 
	background: #cd631b;
	}

#menu li.lastItem:hover > a {
	color: #fff;
	background: url(../images/dev/lastItemBg.gif) no-repeat 0 -9px;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:224px; 
	}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul {
	visibility:visible;
	}
	
	

/* ----------- Begin Left Column Green ----------- */

#leftColumn {
	position: absolute;
	margin: 176px 0 0 20px;
	height: 300px;
	width: 223px;
	}

#mainNavg {
	height: 320px;
	margin: 0 0 0 0;
	background: url(../images/dev/navBgg.gif) no-repeat top center;
	}	

#message {
	font-size: 100%;
	color: #fff;
	height: 94px;
	padding: 15px 15px 0 15px;
	}


	/* ----------- Begin Green Navigation ----------- */

#menug {
	z-index:1000;
	}

#menug ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:224px;
	}

/* hack for IE5.5 */
* html #menug ul {
	margin-left:-16px;
	ma\rgin-left:0;
	}

#menug li {
	position:relative;
	background:#;
	height:26px;
	}
	
#menug li.lastItem {
	background: url(../images/dev/lastItemBottomg.gif) no-repeat 0 -12px;
	}

#menug li li {
	background: #6fb859;
	}

/* get rid of the table */
#menug table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
	}

/* style the links */
#menug a, #menu a:visited {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:223px;
	color:#fff;
	text-indent:15px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
	}

/* hack for IE5.5 */
* html #menug a, * html #menu a:visited {
	background:;
	width:225px;
	w\idth:224px;
	}

* html #menug li li a, * html #menu li li a:visited {
	background: #678fa9;
	}
	
* html #menug li.lastItem a, * html #menu li.lastItem a:visited {
	background: url(../images/dev/lastItemBottom.gif) no-repeat 0 -12px;
	}

/* style the link hover */
* html #menug a:hover  {
	color:#fff;
	background:#cd631b;
	}

* html #menug li.lastItem a:hover {
	color:#fff;
	background: url(../images/dev/lastItemBg.gif) no-repeat 0 -9px;
	}

#menug :hover > a {
	color: #fff; 
	background: #cd631b;
	}

#menug li.lastItem:hover > a {
	color: #fff;
	background: url(../images/dev/lastItemBg.gif) no-repeat 0 -9px;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menug ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:224px; 
	}

/* make the second level visible when hover on first level list OR link */
#menug ul li:hover ul, #menu ul a:hover ul {
	visibility:visible;
	}
	
/* ----------- End Green Navigation ----------- */

#loginBox {
	margin: 30px 0 0 0;
	}
	
#loginBox h1 {
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 3px 0;
	}
	
#loginBox h1.userId {
	color: #999999;
	}
	
#loginBox form {
	padding: 0;
	margin: 0;
	}
	
#loginBox input {
	width: 220px;
	}
	
input#loginBtn {
/*	width: 20px;
	height: 25px;
	text-align: right;
	border: 0;
	background: url(../images/dev/arrowBtn.gif) no-repeat right top;
	float: right;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #253b49;
	border: 1px solid #a8bcc8;
	background: #c3d4de;
	width: 70px;
	margin: 10px 0 10px 0;
	}
	
#loginBox a:link, #loginBox a:visited, #loginBox a:active,  {
	font-size: 100%;
	color: #a8bcc8;
	font-weight: bold;
	text-decoration: underline;
	}
	
#loginBox a:hover {
	color: #000;
	text-decoration: underline;
	}
	
/* ----------- End Left Column ----------- */


/* ----------- Begin Content ----------- */
	
#container {
	margin: 20px 0px 0 265px;
	}
	

#container_h {
	margin: 0px 0px 0 265px;
	}

#content a:link, #content a:visited, #content a:active, #contentHome a:link, #contentHome a:visited, #contentIns a:link, #contentIns a:visited, #contentIns a:active {
	color: #678fa9; 
	text-decoration: underline;
	}
	
#contentgreen a:link, #contentgreen a:visited {
	color: #6fb859; 
	text-decoration: underline;
	}
#contentgreen h1 {
	color:#6fb859;
	font-size: 150%;
	}
	
#contentgreen h2 {
	position: absolute;
	font-size: 210%;
	/*color:#263947;*/
	color: #ffffff;
	margin: -98px 0 0 0;
	}
	
#content a:hover, #contentHome a:hover, #contentIns a:hover {
	text-decoration: none;
	}

#content, #contentIns {
	width: 450px;
	min-height: 400px;
	height:auto !important;
  	height:400px;
	}

#contentHome {
	width: 670px;
	min-height: 200px;
  	height:auto !important;
  	height:200px;
	}

#contentIns, {
	width: 680px;
	min-height: 400px;
  	height:auto !important;
  	height:400px;
	}
	
#contentIns h1 {
	color:#6fb859;
	font-size: 150%;
	}
	
#contentIns h2 {
	position: absolute;
	font-size: 210%;
	/*color:#263947;*/
	color: #ffffff;
	margin: -58px 0 0 0;
	}

#contentHome h1 {
	color:#263947;
	}

#content h1 {
	position: absolute;
	font-size: 170%;
	/*color:#263947;*/
	/*color: #c3d4de;*/
	color: #ffff;
	margin: -55px 0 0 0;
	}
	


/*#content h2 {
	color:#678fa9;
	font-size: 130%;
	margin: 0 0 5px 0;
	padding: 0;
	}

#content h3 {
	color:#9ba265;
	font-size: 120%;
	margin: 0;
	padding: 0;
	}*/
	
#content p {
	margin: 0 0 10px 0;
	}

#box {
	margin: 10px 0 10px 0;
	}
	
#box h1 {
	font-size: 140%;
	color: #678fa9;
	padding: 0;
	margin: 0 0 10px 0;
	}
	
#box p {
	margin: 0 0 5px 0;
	}

/* ----------- End Content ----------- */


/* ----------- Begin Right Column ----------- */

#rightColumn {
	position: absolute;
	margin: 0 0 0 465px;
	height: 400px;
	width: 222px;
	}
	
#promo {
	margin: 0 0 0 0;
	}
	
#quickLinks, #subNav {
	width: 210px;
	}
	
#quickLinks h1 {
	color: #3f3f3f;
	font-size: 120%;
	padding: 0;
	margin: 0 0 5px 0;
	}

#quickLinks ul, #subNav ul {
	list-style: none;
	list-style-image: url(../images/dev/arrow.gif);
	padding: 0;
	margin: 0 0 0 18px;
	}
	
#quickLinks li {
	}
	
#quickLinks a:link, #quickLinks a:visited, #quickLinks a:active {
	color: #82a2b7;
	text-decoration: none;
	}
	
#quickLinks a:hover {
	text-decoration: underline;
	}
	
#subNav a:link, #subNav a:visited, #subNav a:active {
	color: #678fa9; 
	text-decoration: none;
	}
	
#subNav a:hover {
	text-decoration: underline;
	}

#quickLinksgreen, #subNav {
	width: 210px;
	}
	
#quickLinksgreen h1 {
	color: #6fb859;
	font-size: 120%;
	padding: 0;
	margin: 0 0 5px 0;
	}
	
#quickLinksgreen ul, #subNav ul {
	list-style: none;
	list-style-image: url(../images/dev/arrow.gif);
	padding: 0;
	margin: 0 0 0 18px;
	}
	
#quickLinksgreen li {
	}
	
#quickLinksgreen a:link, #quickLinksgreen a:visited, #quickLinksgreen a:active {
	color: #6fb859;
	text-decoration: none;
	}
	
#quickLinksgreen a:hover {
	text-decoration: underline;
	}


#quickLinksmainNav {
	height:520px;
	width: 200px;
	margin: 0 0 0 0;
	background: url(../images/dev/quickLinks_navBg1.gif) no-repeat top center;
	}	

#quickLinksmainNav_Es {
	height:520px;
	width: 200px;
	margin: 0 0 0 0;
	background: url(../images/dev/quickLinks_navBg1Es.gif) no-repeat top center;
	}	

#quickLinksmessage {
	color: #fff;
	height: 47px;
	padding: 15px 15px 0px 15px;
	}

#quickLinksmessage_Es {
	color: #fff;
	height: 47px;
	padding: 15px 15px 0px 15px;
	}

/* ----------- Begin quickLinsMain Navigation ----------- */

#quickLinksmenu {
	z-index:100000;
	}

#quickLinksmenuflash {
	z-index:10000;
	}

#quickLinksmenu_Es {
	z-index:100000;
	}

#quickLinksmenuflash_Es {
	z-index:10000;
	}

#quickLinksmenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:199px;
	}

#quickLinksmenu_Es ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:199px;
	}

/* hack for IE5.5 */
* html #quickLinksmenu ul {
	margin-left:0px;
	ma\rgin-left:0;
	}

* html #quickLinksmenu_Es ul {
	margin-left:0px;
	ma\rgin-left:0;
	}

#quickLinksmenu li {
	position:relative;
	background:#;
	height:26px;
	}

#quickLinksmenu_Es li {
	position:relative;
	background:#;
	height:26px;
	}
	
#quickLinksmenu li.lastItem {
	background: url(../images/dev/lastItemBottom1.gif) no-repeat 0 -12px;
	}

#quickLinksmenu_Es li.lastItem {
	background: url(../images/dev/quickLinks_navBg1Es.gif) no-repeat 0 -12px;
	}

/* get rid of the table */
#quickLinksmenu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
	}

#quickLinksmenu_Es table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
	font-size:1em;
	}

/* style the links */
#quickLinksmenu a, #quickLinsmenu a:visited {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:200px;
	color:#194c8d;
	text-indent:15px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
	}

#quickLinksmenu_Es a, #quickLinsmenu_Es a:visited {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:200px;
	color:#194c8d;
	text-indent:15px;
	border:1px solid #fff;
	border-width:0 1px 1px 0;
	}

/* hack for IE5.5 */
* html #quickLinksmenu a, * html #quickLinsmenu a:visited {
	background:;
	width:200px;
	w\idth:198px;
	}

* html #quickLinksmenu_Es a, * html #quickLinsmenu_Es a:visited {
	background:;
	width:200px;
	w\idth:198px;
	}

* html #quickLinksmenu li li a, * html #quickLinsmenu li li a:visited {
	background: #678fa9;
	}

* html #quickLinksmenu_Es li li a, * html #quickLinsmenu_Es li li a:visited {
	background: #678fa9;
	}
	
* html #quickLinksmenu li.quickLinkslastItem a, * html #quickLinsmenu li.quickLinkslastItem a:visited {
	background: url(../images/dev/lastItemBottom1.gif) no-repeat 0 -12px;
	}

* html #quickLinksmenu_Es li.quickLinkslastItem_Es a, * html #quickLinsmenu_Es li.quickLinkslastItem_Es a:visited {
	background: url(../images/dev/lastItemBottom1Es.gif) no-repeat 0 -12px;
	}

/* style the link hover */
* html #quickLinksmenu a:hover  {
	color:#fff;
	background:#ffffff;
	}

* html #quickLinksmenu_Es a:hover  {
	color:#fff;
	background:#ffffff;
	}

* html #quickLinksmenu li.quickLinkslastItem a:hover {
	color:#fff;
	background: url(../images/dev/lastItemBg1.gif) no-repeat 0 -9px;
	}

* html #quickLinksmenu_Es li.quickLinkslastItem a:hover {
	color:#fff;
	background: url(../images/dev/lastItemBg1Es.gif) no-repeat 0 -9px;
	}

#quickLinksmenu :hover > a {
	color: #fff; 
	background: #678fa9;
	}

#quickLinksmenu_Es :hover > a {
	color: #fff; 
	background: #678fa9;
	}

#quickLinksmenu li.quickLinkslastItem:hover > a {
	color: #fff;
	background: url(../images/dev/lastItemBg1.gif) no-repeat 0 -9px;
	}

#quickLinksmenu_Es li.quickLinkslastItem:hover > a {
	color: #fff;
	background: url(../images/dev/lastItemBg1 Es.gif) no-repeat 0 -9px;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#quickLinksmenu ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:200px; 
	}

#quickLinksmenu_Es ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:200px; 
	}

/* make the second level visible when hover on first level list OR link */
#quickLinksmenu ul li:hover ul, #quickLinksmenu ul a:hover ul {
	visibility:visible;
	}
	
#quickLinksmenu_Es ul li:hover ul, #quickLinksmenu_Es ul a:hover ul {
	visibility:visible;
	}	



/* ----------- Begin Round Corner Box Model ----------- */
	
.t {background: url(../images/dev/box/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(../images/dev/box/dot.gif) 0 100% repeat-x}
.l {background: url(../images/dev/box/dot.gif) 0 0 repeat-y}
.r {background: url(../images/dev/box/dot.gif) 100% 0 repeat-y}
.bl {background: url(../images/dev/box/bl.gif) 0 100% no-repeat}
.br {background: url(../images/dev/box/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/dev/box/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/dev/box/tr.gif) 100% 0 no-repeat; padding:10px}

/* ----------- End Round Corner Box Model ----------- */


/* ----------- End Right Column ----------- */


/* ----------- Begin Footer ----------- */

#footer {
	clear: both;
	font-size: 90%;
	color: #949494;
	background: #ebebeb;
	position: relative;
	margin: 500px 0 0 0;
	padding: 0px 0 0 0px;
	height: 80px;
	}

#footer_home {
	clear: both;
	font-size: 90%;
	color: #949494;
	background: #ebebeb;
	position: relative;
	margin: 80px 0 0 0;
	padding: 0px 0 0 0px;
	height: 80px;
	}	
	
/* ----------- End Footer ----------- */


#dropmenudiv {
	position:absolute;
	font-family: inherit;
	font-size: 90%;
	line-height:18px;
	border-top: 1px solid #fff;
	border-bottom-width: 0;
	z-index:100;
	margin: 5px 0 0 -35px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	}

#dropmenudiv a {
	color: #fff;
	width: 100%;
	display: block;
	text-indent: 7px;
	border-bottom: 1px solid #fff;
	padding: 1px 0;
	text-decoration: none;
	}

#dropmenudiv a:hover{ /*hover background color*/
	color: #446d8e;
	background-color: #d0d3b8;
	}
	
	
	
#ratesTbl, .tbl {
	width: 100%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	border-right: 1px solid #7698b2;
	border-bottom: 1px solid #7698b2;
	}
.tbl2 {
	width: 100%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}
.tbl2 tr{
	padding: 3px;
	border: 1px dotted #f2f2f2;
	}

#ratesTbl td, #ratesTbl th, .tbl td, .tbl th, tbl2 th {
	border-left: 1px solid #7698b2;
	border-top: 1px solid #7698b2;
	padding: 3px;
	}

#ratesTbl .tblHeaderA th, .tbl th, tbl2 th {
	color: #fff;
	background: url(../images/dev/tblHeaderBgA.gif) no-repeat left top;
	}
	
#ratesTbl .tblHeaderB th {
	background: url(../images/dev/tblHeaderBgB.gif) no-repeat left top;
	}

#ratesTbl .tblHeaderA th.blank, #ratesTbl .tblHeaderB th.blank {
	background: none;
	border: 0;
	}
	
#ratesTbl .tblHeaderA th.title , #ratesTbl .tblHeaderB th.title {
	color: #000;
	}
	
#ratesTbl tr.rowA, .tbl tr.rowA, .tbl2 tr.rowA {
	background: #e2edf5;
	}
	
#ratesTbl tr.rowB, .tbl tr.rowB, .tbl2 tr.rowB  {
	background: #fff;
	}
	
#ratesTbl tr.rowB .label {
	color: #61839a;
	}
	
/* Feedback form */

.tbl{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-align: left;
	border-right: 1px solid #7698b2;
	border-bottom: 1px solid #7698b2;
	}
.small{font-size:80%;}