td.sidebartop, div.popupmenu.plain { behavior: url("/NewGraphics/newerGraphics/iepngfix.htc") }

.sidebartitle { font-size : 13px; line-height: 14px; background-color: #000066; font-weight: bold; color: #FFFFFF; border-color: #003366; padding:2px; margin-left:4px; margin-bottom:-8px; width:100%;}
.more   { color: #666; font-size: 9px; font-weight: bold; text-transform: uppercase; text-align:right; vertical-align:top;}
tr > td.more { width:40px;}
.more a   { color: #333; display:block; background: url(/NewGraphics/newerGraphics/catButtonBG.gif) repeat-x #007af7 left -6px; text-decoration:none; border:#b6ffe6 solid 1px; border-color:#b4dcff #1d4273 #1d4273 #6fbaff; width:40px; text-align:center; padding: 0px; line-height: 10px; color:white; margin-right:1px; vertical-align:top;}
div.more { text-align:center; margin: 0 auto;}
div.more a { width:80px; margin:4px auto; padding:2px; }

div.more a  { 
	display:-moz-inline-box; display:inline-block; background: url(/NewGraphics/newerGraphics/catButtonBG.gif) repeat-x #007af7 left -5px; text-decoration:none; border:#b6ffe6 solid 1px; border-color:#b4dcff #1d4273 #1d4273 #6fbaff; vertical-align: middle; margin-top:6px; color:white;
}
*html div.more a  { line-height:14px; padding:0 2px 2px 2px; }
*html td.more a  { line-height:16px; padding:0; vertical-align:top; }
div.more a:hover  { color:yellow; background-color:#007af7; }

.sidebartop { background-position: 50% 0px; }
.sidepicture { height: 160px; width:172px; }

#sidepicEquity .sidepicture { height: 180px;}
#sidepicMembership { background-position:4px 0; }
#sidepicMembership .sidepicture { height: 151px; }
#sidepicAuto .sidepicture { height: 186px; }
#sidepicMortgage .sidepicture { height: 132px; }
#sidepicVisa .sidepicture { height: 171px; }
#sidepicVisa { background-position:0px 0; }
#sidepicAutomate .sidepicture { height: 181px; }
#sidepicPersonalLoans { background-position:4px 0; }
#sidepicPersonalLoans .sidepicture { height: 200px; }
#sidepicZopa .sidepicture { height: 110px; }
#sidepicInsurance { background-position:5px 0; }
#sidepicInsurance .sidepicture { height: 194px; }
#sidepicCommunity .sidepicture { height: 120px; }
#sidepicGov .sidepicture { height: 160px; }
#sidepicStudent .sidepicture { height: 133px; }
#sidepicChecking { background-position: -8px 0; }
#sidepicElectronic { background-position: -25px 0; }
/*
#sidepicRetire, #sidepicBusiness { background-position: -6 0; }
#sidepicCommunity { background-position: -6 -6; }
#sidepicSavings { background-position: -2 -6; }
#sidepicHR { background-position: -6 -9; }
*/

.sidebartop, .sidebarbottom { padding:0px; vertical-align:top; width:172px; background-repeat: no-repeat; }
.sidebartop { border-bottom:0; }
.sidebarbottom { border-top:0; }

.sidebardiv, .sidebardiv2,
div#Helpbar .helpbar_header,
div#Helpbar .helpbar_content,
div#Helpbar form#logout,
.sidebartop div.newsitem
{
	margin:20px 20px 38px 20px; 
	position:relative; zoom:1; 
	padding:0px 0 0 0px; 
	border:2px solid #1e559f;
	background:#fdf0d9;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	/* Experimental: */
	border: 2px solid black;
	border-color:black !important;
	-moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}
			/* Experimental: */
			p.seminar-label { color:#FDF0D9 !important; }
			div.sidebardiv.popmenublock { _width:132px; _overflow:hidden; }

div#Helpbar form#logout, div#Helpbar form div.helpbar_content { padding:2px 0; *padding-bottom:6px; }
div#Helpbar form#logout {*padding-top:6px; }
.sidebardiv .sidetext, .sidebardiv2 .sidetext { zoom:1; }
tr>td>div.sidebardiv  {width:auto; }
tr>td>div.sidebardiv2 {width:auto; }
tr>td>aside>nav>div.sidebardiv  {width:auto; }
tr>td>aside>nav>div.sidebardiv2 {width:auto; }
aside, nav { /*background-color:yellow;*/ display:block; }

.sidebardiv ul.multi-item, 
.helpbar_content ul.multi-item { padding:0; margin:0 0 6px 0; border:none; }
.sidebardiv .sidetext ul.multi-item { margin:0; }
.sidebardiv ul.multi-item li, 
.helpbar_content ul.multi-item li { padding:0; margin:0; list-style-type:none; list-style-image:none;  }
.sidebardiv ul.multi-item li.current,
.sidebardiv ul.multi-item li .current { color:#4f719e; background-color:#fdf7e7; }

.sidebardiv ul.multi-item li .current, 
.helpbar_content ul.multi-item li .current  { 
	padding:5px; margin:-5px;   
}

.sidebardiv ul.multi-item li,
.helpbar_content ul.multi-item li { zoom:1; vertical-align:bottom; }

.sidebardiv ul.multi-item li .current, 
.helpbar_content ul.multi-item li .current  { 
	background-color: white;
	padding: 4px 3px;
	padding-left: 27px;
	padding-right: 12px;
	margin: -6px -5px;
	margin-left: -29px;
	margin-right: -14px;
	border: 2px solid #D6D6D6;
	border-left: 2px solid white;
	border-color: #D6D6D6 #aaa #aaa white;
		/* Experimental: */
		border-color: #444 black black white;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	-o-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	-o-box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .2);
	z-index: 3;
	position: relative; zoom:1;
	/* Experimental:*/
	box-shadow: 4px 3px 4px rgba(0, 0, 0, .4); 
}
.sidebardiv div.sidetext ul.multi-item li .current {
	/* Experimental:*/
	margin-top:0;
	margin-left:-35px; 
	margin-right:-20px;
	padding: 6px 20px 6px 35px;
}


table.relatedlinks { border:none; padding:5px; border-spacing: 0; width:100%; border-collapse:collapse; }
table.relatedlinks td,
.sidebartop ul.multi-item li, .helpbar_content ul.multi-item li { padding:6px 5px; margin:0; border:none; text-align:center; vertical-align:center; }
table.relatedlinks tr:last-child td { padding-bottom:12px; }

table.relatedlinks tbody td,
.sidebartop ul.multi-item li { font-size: 11px; line-height: 13px;  }
table.relatedlinks td a,
.sidebartop ul.multi-item li a, .helpbar_content ul.multi-item li a { 
	display:block; padding:6px 5px; margin:-6px -5px;  color:#7b756a; 
	/* Experimental: */
	color:#4d4942;
}

		/* Experimental: */
		div.sidetext ul.multi-item li a.block-in-text { margin-top:0; }
		div.sidebardiv div.sidetext ul.multi-item { margin-top:-6px; }

.sidebartop ul.multi-item li a.button, .helpbar_content ul.multi-item li a.button { color:#2e2e2e; }
.sidebartop ul.multi-item li a.button:hover, .helpbar_content ul.multi-item li a.button:hover { color:#000; border-color:#000; }
.sidebartop ul.multi-item li a.button span, .helpbar_content ul.multi-item li a.button span { border-color:#7b756a; }
.sidebartop ul.multi-item li a.button:hover, .helpbar_content ul.multi-item li a.button:hover { background-color:transparent; }
.sidebartop ul.multi-item li a.button:hover span, .helpbar_content ul.multi-item li a.button:hover span { color:#000; border-color:#000; }
table.relatedlinks td a:hover,
.sidebartop ul.multi-item li a:hover, 
.helpbar_content ul.multi-item li a:hover {  color:#000; }



.sidebardiv td, .sidebardiv2 td {padding-top:4px; }

.sidebarheadings, 
table.relatedlinks thead th,
.sidebartop h3,
div#Helpbar .helpbar_header
{
	font-size:15px; 
	_width:128px;
	
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 4px;
	text-align: center;
	line-height:16px; 
	/* Experimental: */
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-top-left-radius: 2px;
	-moz-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	background-color: #1E4F9F;
	color: white;
	margin-bottom:3px;
}
.sidebartop div.newsitem h3 {
	/* Experimental: */
	margin-bottom:5px;
}

.sidebarheadings a, 
table.relatedlinks thead th a,
.sidebartop h3 a,
div#Helpbar .helpbar_header a
{
	/* Experimental: */
	color: white;
}
.sidebarheadings.reverse, 
.sidebartop h3.reverse,
.sidebartop div.newsitem h3.reverse,
.sidebarheadings.reverse a, 
.sidebartop h3.reverse a
{
	/* Experimental: */
	background-color: transparent;
	color: black;
	margin-bottom:0;
}

.sidebartop h3, div#Helpbar .helpbar_header { display:block; text-align:center; margin:0; padding:8px 5px; _width:128px; }
.sidebartop .sidetext h3 { 
	_width:auto; 
	/* Experimental: */
	display:block; text-align:center; 
	margin:-6px -6px 6px -6px !important; 
	padding:8px 11px 8px 14px !important; 
	_position:relative; zoom:1;
}
.sidebartop div.sidetext h3 { padding: 0 0 5px 0; }
div#Helpbar .helpbar_header { width:auto; width:118px !important; height:auto; margin:0; }
div#Helpbar .helpbar_header .helpbar_txtwrap { float:none; display:block; text-align:center; }
div#Helpbar .helpbar_content .helpbar_txtwrap,
div#Helpbar .helpbar_header .helpbar_txtwrap { margin:0 5px; }

.sidebardiv td.sidebarheadings, .sidebardiv2 td.sidebarheadings, table.relatedlinks thead th { padding:5px; line-height: 20px;}
table.relatedlinks thead th {  }

.sidetext,  
div.helpbar_content span.helpbar_txtwrap p,
div#Helpbar .logout_link,  
div#Helpbar .logout_link:link,  
div#Helpbar .logout_link:visited,  
div#Helpbar .menulink,  
div#Helpbar .menulink:link,  
div#Helpbar .menulink:visited  { 
	color: #000; 
	font-size: 11px; 
	text-align:center;
	}
div.helpbar_content span.helpbar_txtwrap p { text-align:left; }

div.sidetext { _position:relative; margin:6px }			
div.sidetext, div.sidetext p { text-align:left; }			
div.sidetext a, 
div.sidetext p a, 
div#Helpbar a.logout_link, 
div#Helpbar a.menulink  { text-align:center; }			
.sidetext a, 
div#Helpbar .logout_link,  
div#Helpbar .logout_link:link,  
div#Helpbar .logout_link:visited, 
div#Helpbar .menulink,  
div#Helpbar .menulink:link,  
div#Helpbar .menulink:visited {color: #7B756A; text-decoration:none;}
.sidetext a:hover, 
div#Helpbar .logout_link:hover, 
div#Helpbar .menulink:hover {color: #000; text-decoration:underline;}

div.sidetext a, 
div.sidetext b span.here,
div#Helpbar .logout_link,  
div#Helpbar .logout_link:link,  
div#Helpbar .logout_link:visited,
div#Helpbar .menulink,  
div#Helpbar .menulink:link,  
div#Helpbar .menulink:visited  { display:block; padding:6px; margin:-6px; text-align:center; }	
div.sidetext a.block-in-text,
div#Helpbar .logout_link,  
div#Helpbar .logout_link:link,  
div#Helpbar .logout_link:visited,
div#Helpbar .menulink,  
div#Helpbar .menulink:link,  
div#Helpbar .menulink:visited { 
	margin:4px 0; 
	border:1px solid #979082;
	color:#33302b;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	background: url(/NewGraphics/2010/H.png) repeat-x left -1041px;
	
	background: -moz-linear-gradient(-90deg, #fefbf4, #fdf0d9 13px);
	background: -webkit-gradient(linear, 0 0, 0 13, color-stop(0%,#fefbf4), color-stop(100%,#fdf0d9)) #fdf0d9 repeat-x; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-90deg, #fefbf4, #fdf0d9 13px); 
	background: -o-linear-gradient(-90deg, #fefbf4, #fdf0d9 13px);
	background: -ms-linear-gradient(-90deg, #fefbf4, #fdf0d9 13px);
	background: linear-gradient(-90deg, #fefbf4, #fdf0d9 13px);
	-pie-background: linear-gradient(-90deg, #fefbf4, #fdf0d9 13px);
	background: url(/NewGraphics/2010/H.png) repeat-x left -1041px !ie;
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FFFEFBF4, endColorstr=#FFFDF0D9,GradientType=0 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#FFFEFBF4, endColorstr=#FFFDF0D9,GradientType=0 )";*/
	background-clip:padding-box;
	behavior: url(/AFrames/includes/CSS/PIE.htc);
}
div#Helpbar .logout_link,  
div#Helpbar .logout_link:link,  
div#Helpbar .logout_link:visited,
div#Helpbar .menulink,  
div#Helpbar .menulink:link,  
div#Helpbar .menulink:visited  { 
	margin:4px 6px;  
}	
div.sidetext a.block-in-text:hover,
div#Helpbar .logout_link:hover,
div#Helpbar .menulink:hover  { 
	color:#000; 
	border-color:#000;
	background-position: left -1138px;

	background: -moz-linear-gradient(-90deg, #ffffe1, #ffff99 13px);
	background: -webkit-gradient(linear, 0 0, 0 13, color-stop(0%,#ffffe1), color-stop(100%,#ffff99)) #ffff99 repeat-x; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-90deg, #ffffe1, #ffff99 13px);
	background: -o-linear-gradient(-90deg, #ffffe1, #ffff99 13px);
	background: -ms-linear-gradient(-90deg, #ffffe1, #ffff99 13px);
	background: linear-gradient(-90deg, #ffffe1, #ffff99 13px);
	-pie-background: linear-gradient(-90deg, #ffffe1, #ffff99 13px);
	background: url(/NewGraphics/2010/H.png) repeat-x left -1138px !ie;
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#FFFFFFE1, endColorstr=#FFFFFF99,GradientType=0 ); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#FFFFFFE1, endColorstr=#FFFFFF99,GradientType=0 )";*/

}

td.sidetext a { display:block; padding:0px; padding-bottom:4px; margin:0px; }			


.sidebarsubheads   { color: #666; font-size: 10px; font-weight: bold; text-transform: uppercase }
.sidebarsubheads .sidetext   { color: #666; font-size: 11px;  font-weight: normal; text-transform: none; display:block; text-decoration:none }
.sidebarsubheads a, .popupmenu a  { color: #666; display:block; text-decoration:none; }
.sidebarsubheads a:hover, .popupmenu a:hover   { color: #000; background-color:yellow; background-color:hsla(60, 100%, 50%, 0.7); background-color:yellow !ie; }

.morerates { font-size:85%; font-weight:normal }

p.sidetext { margin:6px; }
div.sidetext p.sidetext { margin:0px; }

/* These might be needed in other places too, but usually there is a sidebar anyway */
table .popupmenu { border: 1px black solid; border-bottom:0; padding:0; position:absolute; left:0; top:0; width:138px; background:transparent url(/NewGraphics/newerGraphics/transW90.png); visibility:hidden; }

table .popupmenu td  {padding:0; background-color:transparent; color:#000; text-align:center; }
table .popupmenu a {border-bottom: 1px solid #000; padding:3; color:#000; }
table .popupmenu > tr a {width:auto; }
table .popupmenu .sidetext {border: 0px solid #000; padding:0; color:#000; }

/* These are all used for RSS stuff, but the "plain" popup style could also be used elsewhere: */
div.popupmenu.plain
{
	border: 1px #ABABAB solid;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 8px 26px rgba(0,0,0,.4); 
	-moz-box-shadow: 0px 8px 26px rgba(0,0,0,.4);
	-o-box-shadow: 0px 8px 26px rgba(0,0,0,.4);
	box-shadow: 0px 8px 26px rgba(0,0,0,.4);
	background-image: url(/NewGraphics/NewerGraphics/transW90.png);
	z-index:105;
}
html > body div.popupmenu.plain { 
	width:auto; 
	max-height: 97%;
	overflow-y: auto;
	overflow-x: hidden;
}
div.popupmenu.plain, div.popupmenu.plain a, div.popupmenu.plain a:hover, div.popupmenu.plain a span, div.popupmenu.plain a:hover span { cursor:pointer; }



div.popupmenu.plain a { display:inline; text-decoration:underline; border-bottom:none; padding:0; }
p.subscribe { text-align:center; position:relative; top:-10px; }
.sidebardiv p.subscribe { text-align:left; top:0px; margin:0; padding:5px; }
p.subscribe a { background-image: url(/NewGraphics/newerGraphics/feedicons/feed-icon-16x16.png); background-repeat: no-repeat; background-position: 0 0; padding:0px 2px 3px 2px; padding-left:20px; display:inline-block; min-height:16px; zoom:1; text-decoration:underline; cursor:pointer; }
p.subscribe a.help { background-image: url(/NewGraphics/newerGraphics/feedicons/feed-help-icon-16x16.png); }
.sidebardiv p.subscribe a { 
	margin-bottom:0; display:block; padding: 0 0 0 40px; 
	background: url(/NewGraphics/2010/icons.png) 0px -837px no-repeat;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	min-height:28px; _height:28px;
	}
.sidebardiv p.subscribe a:hover { background-color:#FF9;  }

/* home page rates pop-up, etc. */
div.popupmenu.plain ul a, div.popupmenu.plain ul label, div.popupmenu.plain ul b { display:block; text-decoration:none; white-space:nowrap;  }
div.popupmenu.plain ul a span, 
div.popupmenu.plain ul a small, 
div.popupmenu.plain ul label, 
div.popupmenu.plain ul b { display:block; padding:2px 1em; zoom:1;  }
div.popupmenu.plain div.optgroup ul a span, div.popupmenu.plain ul b, div.popupmenu.plain ul span a small { padding-left: 2em; } /* added "small" version for newsletter stories */
div.popupmenu.plain ul label { color:#666; }
div.popupmenu.plain ul b { background-image: url(/NewGraphics/newerGraphics/Menu-Check-Mark.png); background-repeat: no-repeat; background-position: 6px center; }
div.popupmenu.plain ul, #maininnertable div.popupmenu.plain #innercell ul  { border: 1px #ABABAB solid; border-width:1px 0 0 0; margin:-1px 0 0 0; }
div.popupmenu.plain ul { margin-bottom: 4px !important; }
html body div.popupmenu.plain ul li  { list-style-type:none; list-style-image:none; display:block; padding:0; margin:0; zoom:1; vertical-align:bottom;  }
html > body div.popupmenu.plain ul li:first-child  { margin-top: 4px; }
div.popupmenu.plain ul:first-child  { border-top:0; margin-top:0; }

div.sidebardiv.popmenublock { text-align:center; padding-bottom:3px; }
div.sidebardiv.popmenublock div.popupmenu.plain { z-index: 1203; }
div.sidebardiv.popmenublock a.button { display:block; margin:0 3px;position:relative; z-index:100; cursor:pointer; }

a.efaqlinks { cursor:help; }


@media print {
	body.sidebar tr td.sidebartop, table#maintable tr td.sidebartop { background:white none; }
	table#maintable tr td.sidebartop .sidepicture { height: 0; }
	.sidebardiv, .sidebardiv2 { background:none; }
}