/*	Erickson Barnett February 4, 2005
	modified 4/13/05 by lkm: deleted ".sorted" on Marty's direction */
/* NO ADDITIONS/CHANGES SHOULD BE MADE TO THIS */

/* global em typography template */

body{
 border:0;
 margin:0;
 padding:0;
 text-align:center;
 font-family: arial, sans-serif;
 color: #666;
 background:url(/images/back.gif) 50% 0 repeat-y;
 font-size: small;
 }


/*----------------- list styles ------------------*/



/* these lists are formatted to use a background-image for the bullets.  Comment out list-style:none and the background image below, as well as the ul and li specific styles to use the default browser bullets */

ol, ul, li {
	list-style: none;
   	line-height: 1.3em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
	
ol li{
padding-left:0;
list-style: decimal;
background:none;
}
	
ul{
 background:none;
 padding-left:1em;
 margin-left:.5em;
 }
 
li{
background: url(/images/bullet3.gif) 0 .45em no-repeat;
font-size: 85%;
padding-left:.8em;
}

dl{
font-size:85%;
line-height:1.2em;
}

dd{
padding:0;
margin:.2em 0;
}

dd p{
font-size:100%;
}

dt{
padding:0;
margin:.6em 0 .2em 0;
}

li li, li li li{
font-size: 100%;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul{
  margin-top:1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*----------------- end list styles ------------------*/


p{
font-size:85%;
line-height: 1.5em;
margin: .2em 0em .6em 0em;
}

blockquote{
color:#7E8E5F;
font-weight:bold;
font-size:85%;
line-height:1.5em;
}


/*----------------- header styles ------------------*/

h1{
font-size:115%;
font-weight:bold;
margin-top: 0em;
margin-bottom: 0em;
}

h2{
font-size:95%;
color:#3B8C8C;
font-weight:bold;
margin: .2em 0em 1.2em 0em;
}

h3{
font-size:88%;
color:#000;
margin: .8em 0em .2em 0em;
}

h4{
color:#3B8C8C;
font-size:85%;
margin: .8em 0em .2em 0em;

}

h5{
color:#666;
font-size:85%;
margin: .8em 0em .2em 0em;

}

h6{
color:#3B8C8C;
font-size:85%;
margin: .6em 0em .6em 0em;
}

/*----------------- end header styles ------------------*/

/*----------------- table styles ------------------*/

table{
font-size:100%;
}
/*this is for win ie5.x and Opera, as it will not cascade the em sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

/*----------------- end links ------------------*/


/*----------------- links ------------------*/

a, a:visited{
color:#ee5500;
text-decoration:underline;
}

a:hover, a:active, a:focus{
 text-decoration:underline;
 color:black;
}

a img, a img:visited, a img:hover, a img:active, a img:focus {
	border: 0;
	text-decoration:none;	
}

/*----------------- end links ------------------*/


pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 100%;
	}
strong, b {
	font-weight: bold;
	}

.link{
 text-align: right;
 }
 
.clearer {
	clear: both;
}

.hide, .print{
display:none;
}

.orange{
color:#ee5500;
}

.blue{
color:#3B8C8C;
}

.break{
margin:1em 0 0 0;
background:url(/images/qa_back.gif) bottom left repeat-x;
height:2px;
}

p.right{
text-align:right;
}

/*--framework---*/


/* main drop-down navigation  This implementation uses the "son of suckerfish" javascript implementation for the drop-down menus.  The "suckerfish" javascript basically lets IE/Win mimic the behavior of li:hover */

#mainnav{
position:relative;
z-index:1; /*this is used so the menus layer *over* anything else on the page*/
width:750px;
height:42px;
padding-top:25px;
}

#mainnav ul{
margin:0;padding:0;
position:absolute; /*the ul's have to be absolute, or certain browsers (IE/Win) make the ul min-height bigger and will force the content down the page on a drop-down hover*/
left:185px;
padding-left:136px;
width:429px;
padding-top:7px;
height:37px;
background:url(/images/mainnav_back2.gif) top left no-repeat;
}

#mainnav li{
float:left;
display:block;
padding:0;margin:0;
background:url(/images/mainnav.gif) 0 -27px no-repeat;
}

#mainnav a{
display:block;
height:27px;
text-decoration:none;
text-indent:-10000px;
background:url(/images/mainnav.gif) 0 0 no-repeat;
}

#mainnav a:hover{
background:none;
}

#mainnav li:hover ul, #mainnav li.sfhover ul{
left:auto;
}

#mainnav li#bonds a{
width:166px;
background-position:0 0;
}

#mainnav li#bonds{
background-position:0 -27px;
}

#mainnav li#news a{
width:148px;
background-position:-166px 0;
}

#mainnav li#news{
background-position:-166px -27px;
}

#mainnav li#learn a{
width:107px;
background-position:-314px 0;
}

#mainnav li#learn{
width:107px;
background-position:-314px -27px;
}

/* this keeps the background "on" when you hover over the list item */
#mainnav li:hover a, #mainnav li.sfhover a {
	background:none;
}

/* the pop menus are below */
#mainnav li ul{
position:absolute;
left:-10000px;
margin:0;
padding:0;
}


#mainnav li ul li{
line-height:1;
background:none;
/*the li's need a width (because they are images) - they are defined individually below*/
padding:0;margin:0;
}

#mainnav li#bonds:hover ul li,#mainnav li#bonds:hover ul, 
#mainnav li#bonds.sfhover ul li,#mainnav li#bonds.sfhover ul{
width:166px;
}
#mainnav li#bonds:hover ul li a, #mainnav li#bonds.sfhover ul li a{
width:136px;
}

#mainnav li#news:hover ul li,#mainnav li#news:hover ul,
#mainnav li#news.sfhover ul li,#mainnav li#news.sfhover ul{
width:148px;
}
#mainnav li#news:hover ul li a, #mainnav li#news.sfhover ul li a{
width:118px;
}

#mainnav li#learn:hover ul li,#mainnav li#learn:hover ul,
#mainnav li#learn.sfhover ul li,#mainnav li#learn.sfhover ul{
width:112px;
}
#mainnav li#learn:hover ul li a, #mainnav li#learn.sfhover ul li a{
width:92px;
}

/* we need this so that the popped list anchors do not take on the top-level backgrounds, colors, widths, etc...*/
#mainnav li:hover ul li a, #mainnav li.sfhover ul li a{
border:1px solid #ccc;
text-indent:0;
height:auto;
text-transform:none;
font-weight:normal;
color:#fff;
border-bottom:0;
background:#a7b486;
padding:3px 15px;
}

#mainnav li:hover ul li a:hover, #mainnav li.sfhover ul li a:hover{
color:#fff;
background:#3b8c8c;
}

#mainnav li ul li a.last{
border:1px solid #ccc;
}

/* end main nav dropdowns */

h3#advsearch{
margin:0;padding:0;
font-weight:normal;
position:absolute;
z-index:2; /*this needs to sit above the container so the link is visible*/
bottom:44px;
left:27px;
}

h3#advsearch a{
text-decoration:none;
color:#E5E49F;
}


#mininav{
position:absolute;
z-index:2; /*this needs to sit above the container so the links are visible*/
bottom:44px;
right:10px;
}

#mininav ul{
margin:0;padding:0;
}

#mininav li{
float:left;
padding:0;margin:0;
background:none;
}

#mininav li a{
color:white;
border-right:1px solid #D6CA0C;
padding:0 5px;
text-decoration:none;
}

#mininav li a.last{
border-right:none;
}

#mininav li a:hover{
color:#e5e49f;
}

/* nav column stuff */

#navcol{
float:left;
width:177px;
padding-top:10px;
}

#navcol ul{
float:left;
width:175px;
margin:0;padding:0;
padding-bottom:7px;
background:url(/images/navbottom.gif) bottom left no-repeat;
border:1px solid #DEE3E0;
border-top:none;border-bottom:none;
}

#navcol ul li{
margin:0;padding:0;
float:left;
line-height:1;
}

#navcol ul li a{
display:block;
width:158px;
border-top:1px solid #DEE3E0;
text-decoration:none;
color:white;
padding:4px 5px 4px 12px;
background:#A7B486;
}

#navcol ul li a:hover{
background:#3B8C8C;
color:white;
}


/*-- the subnavigation --*/

#navcol ul li ul{
background:#92BCBC !important;
float:left;
margin-bottom:0;
border:none;
border-top:1px solid #dee3e0;
padding:5px 0;
}

#navcol ul li ul li{
margin:1px 0;
}

#navcol ul li ul li a{
color:white;
border:none;
text-decoration:none;
background:#92BCBC url(/images/bullet2.gif) 12px .7em no-repeat !important;
padding-left:20px;
padding:2px 5px 2px 20px;
width:150px;
}

#navcol ul li ul li a:hover{
color:white;
background-color:#3B8C8C !important;
}

#navcol ul li ul li a.on{
background:#BAD5D5 url(/images/bullet.gif) 12px .45em no-repeat !important;
color:black;
}

/*This is an id that will "turn on" the navigation element that houses the subnav.  This id can be generalized to below.*/

body.bondbasics #navcol ul li#bondbasics a{
background:#3B8C8C;
}

#navcol ul li.on a{
background:#3B8C8C;
}

#container{
text-align:left;
margin:0 auto;
width:750px;
}

#header{
width:750px;
height:66px;
border-bottom:1px solid white;
background:url(/images/header.jpg) top left no-repeat;
}

#headerwrapper{
position:relative;
z-index:1000; /*make this layer on the tippy top*/
background:#7E8E5F;
height:134px;
border-bottom:1px solid white;
}

#navcontainer{
position:absolute;
bottom:7px;
right:10px;
background:url(/images/navcontainer_back.gif) top left repeat-x;
padding:7px 0;
}

#content{
z-index:0;
width:750px;
border-top:11px solid #C8CECA;
}

#contentcol{
float:left;
width:484px;
padding:40px 40px 20px 35px;
}

#contentcol h2 em{
font-weight:normal;
}

#contentcol h2.leadin{
margin-bottom:.2em;
}

#contentcol .searchwidget{
margin:.8em 0 1.3em 0;
line-height:1.1em;
}

#contentcol .searchwidget a{
color:#7E8E5F;
}

#contentcol .searchwidget a:hover{
color:black;
}

#contentcol h1, #sidebar-home h1{
color:#A7B486;
margin: 0em 0em 1.2em 0em;
letter-spacing:-1px;
font-family:arial black, arial;
font-weight:normal;
border-bottom:1px solid #B4BEB8;
}

#contentcol ul.news{
margin-left:0;
padding-left:0;
}

#contentcol ul.news li{
padding-left:0;
margin:.6em 0;
background:none;
}

/*for the qa section*/

#contentcol dl{
margin:0;
padding-bottom:10px;
background:url(/images/qa_back.gif) bottom left repeat-x;
}

#contentcol dl p{
font-size:100%;
}

#contentcol dt{
margin:0;padding:0;
font-weight:bold;
position:relative;
left:0;
top:1.5em;
}


#contentcol dd{
margin:0;padding:0;
margin-left:5.5em;
}

#contentcol dl.glossary dt{
top:0;
color:black;
font-weight:bold;
}

#contentcol dl.glossary dd{
margin:0;
margin-bottom:.6em;
}

/*initially, the optionhead was set to relative, and the little 3rd level nav was absolutely positioned.  I could not do that because IE/pc ONLY would not let me set the z-index on the relatively-positioned optionhead.  The drop-menus would appear behind the optionhead header and nav. */ 

#optionhead-v2{
width:100%;
position:relative;
margin-bottom:1.2em;
}

#optionhead-v2 ul{
position:absolute;
bottom:2px;
right:10px;
margin:0;padding:0;
}

#optionhead-v2 ul li{
background-image:url(/images/bullet4.gif);
display:inline;
padding:0 6px;
margin:0;
}

#optionhead-v2 h1{
margin-bottom:0;
}

#optionhead{
width:100%;
border-bottom:1px solid #B4BEB8;
margin-bottom:1.2em;
}

#optionhead ul{
margin:0;padding:0;
float:right;
}

#optionhead ul li{
background-image:url(/images/bullet4.gif);
display:inline;
padding:0 6px;
margin:0;
}

#optionhead h1{
float:left;
border-bottom:none;
margin-bottom:0;
}

#contentcol img.right{
display:inline; /*combat doubling the margin in IE */
float:right;
margin-left:10px;
margin-bottom:10px;
}

#contentcol img.left{
display:inline; /*combat doubling the margin in IE */
float:left;
margin-right:10px;
margin-bottom:10px;
}

#navcolhwrap{
padding-top:5px;
margin-left:1px;
float:left;
display:inline;
border-top:5px solid #B4BEB8;
background:white;
}

#navcol h2{
font-size:85%;
position:relative;
margin-top:-10px;
color:#7E8E5F;
width:122px;
border-left:5px solid #B4BEB8;
padding:10px 30px 10px 7px;
margin-bottom:0;
background:url(/images/navcolhead.gif) bottom right no-repeat;
}


.sidebar{
float:right;
clear:right;
display:inline; /*fix IE/win double margins*/
margin-left:0px; /* was 10 ---------------------------------------*/
margin-right: -40px;
width:158px;  /* was 208 ---------------------------------------*/
background:#F3F4F3 url(/images/sidebar_top.gif) top left no-repeat; 
padding:6px 6px 10px 6px;
margin-bottom:10px;
border-bottom:2px solid #ccc;
}

.sidebar ul{
padding:0;
margin-left:17px;
margin-right:17px;
}

.sidebar h3{
margin-top:0;
width:138px; /* was 197 ----------------------------------*/
padding-left:10px;
background:#ccc url(/images/sidebar_header_top.gif) top left no-repeat;
padding:5px;
}

.sidebar h3 span{
display:block;
padding-left:15px; 
color:black;
background:url(/images/sidebar_header.gif) top left no-repeat;
}

.sidebar li{
margin:.8em 0;
}

.sidebar a, .sidebar a:visited{
color:#507777;
}

.sidebar a:hover, .sidebar a.on, .sidebar a:visited.on{
color:black;
}

.navigation{
border-bottom:2px solid #3B8C8C !important;
}

.navigation h3{
background:#3B8C8C url(/images/sidebar_header_top.gif) top left no-repeat !important;
}

.navigation h3 span{
color:white !important;
padding-left:15px !important;
background:url(/images/bullet6.gif) 0 2px no-repeat !important;
}


.callout{
padding:6px 15px 10px 15px;
width:190px;
}


.callout h3{
width:189px;
padding-left:0;
background:none;
}




/* home styles */

body.home #header{
height:115px;
background:url(/images/header-home.jpg) top left no-repeat;
}

body.home #headerwrapper{
height:181px;
}

body.home #header img{
margin-top:49px;
}

body.home #content{
float:left;
background:url(/images/contentback_home.gif) 228px 27px no-repeat;
}

body.home #contentcol{
width:315px;
background:url(/images/magnify-glass.gif) 348px 54px no-repeat;
padding:40px 35px 20px 51px;
}

body.home p{
line-height:1.2em;
}

body.home #contentcol h1, body.home #sidebar-home h1, body.home div.quick h2{
text-transform:uppercase;
border-bottom:none;
margin-left:-15px;
padding-left:15px;
font-size:100%;
color:#265B3A;
background:url(/images/bullet5.gif) 0 .35em no-repeat;
}

body.home #contentcol h1{
margin-bottom:0;
}

body.home h1 span{
color:#3B8C8C;
}

body.home #pricedata{
margin-top:7px;
margin-left:1px;
padding:3px 0 0 8px;
height:24px;
background:url(/images/data_back.gif) top left no-repeat;
}

body.home #pricedata p{
margin:0;
line-height:1;
}

body.home #pricedata a{
border:2px solid white;
display:block;
float:left;
margin-right:6px;
height:13px;
}

body.home #pricedata a#muni:hover, body.home #pricedata a#corp:hover{
background-position:0 -13px;
}

body.home #pricedata a#muni{
width:132px;
background:url(/images/data_muni.gif) top left no-repeat;
}

body.home #pricedata a#corp{
width:137px;
background:url(/images/data_corp.gif) top left no-repeat;
}

body.home div.quick{
float:left;
display:inline;
margin-left:-15px;
margin-top:15px;
}

body.home div.quick div{
float:left;
position:relative;
width:155px;
}

body.home div.quick ul{
margin-left:15px;padding-left:0;
}

body.home div.quick ul li{
padding-left:0;
background:none;
margin:.2em 0; 
}

span.date{
margin-top:2px;
display:block;
}

body.home div.quick ul li a, body.home div.quick ul li a:visited, body.home div.quick ul li a:active{
font-weight:bold;
color:#7E8E5F;
}

body.home div.quick ul li a:hover{
color:black;
}

body.home h3{
color:#3B8C8C;
}


body.home #navcol{
width:172px;
padding-left:5px;
}

body.home #contentcol div.quick h2{
border-bottom:none;
margin-left:0;
letter-spacing:0;
font-weight:bold;
font-family: arial, sans-serif;
color:black;
font-size:90%;
background-position: 0 .1em;
}

body.home #sidebar-home{
float:left;
background:url(/images/sidebar-home-back.gif) top left repeat-y;
margin-top:40px;
padding-right:17px;
padding-left:15px;
width:134px; /* Why not 137px to fill up the entire content box? 3px IE/Win 6 bug to explain later */
}

body.home #sidebar-home h1{
background:none;
}

body.home #sidebar-home dt{
width:137px;
}

body.home #sidebar-home dt{
background:url(/images/sidebar-home-list.gif) 0 .5em no-repeat;
color:#3B8C8C;
padding-left:15px;
margin-left:-15px;
font-weight:bold;
}

body.home #sidebar-home dd{
}

body.nonav{
background:url(/images/back-nonav.gif) 50% 0 repeat-y;
}

body.nonav #contentcol{
float:left;
width:677px;
padding:20px 43px 20px 30px;
}

body.nonav #footer{
padding-left:30px;
}

/*various*/

p.graphtag{
text-align:center;
font-size:78%;
margin-bottom:0;
}

.footnotes{
clear:both;
margin:1.5em 0 .8em 0;
border:1px solid #ccc;
border-right:0;border-left:0;
padding:5px 0;
}

.footnotes p, .footnotes li{
font-size:80%;
}



p.disclaimer{
font-style:italic;
color:#A3ACA7;
font-size:80%;
}



/* at-a-glance */


body.glance #content{
float:left;
width:750px;
background:url(/images/contentback_home.gif) 228px 27px no-repeat;
}

body.glance #contentcol{
width:335px; /* was 335px, widened for wider data fields 8/2008 */
padding:40px 30px 20px 40px; /* changed for data fields change 9/2008 */
}

body.glance p{
line-height:1.2em;
}

body.glance #contentcol h1, body.glance #sidebar-home h1{
border-bottom:none;
}


body.glance h1 span{
color:#3B8C8C; 
}

body.glance #pricedata{
height:23px;
background:url(/images/data_back.gif) top left no-repeat;
}

body.glance #sidebar-glance{
float:left;
background:url(/images/sidebar-home-back.gif) top left repeat-y;
margin-top:40px;
padding-right:12px;
padding-left:10px;
padding-top:35px;
width:127px; /* Why not 137px? 3px IE/Win 6 bug to explain later */
} 



body.glance #sidebar-glance h1{
background:none;
}

body.glance #sidebar-glance dt{
background:url(/images/sidebar-home-list.gif) 0 .5em no-repeat;
text-transform:uppercase;
color:black;
padding-left:15px;
margin-left:-15px;
font-weight:bold;
}

body.glance #sidebar-glance dd{
margin-bottom:25px;
}

body.glance #sidebar-glance dd ul, body.glance #sidebar-glance dd ul li{
background:none;
font-size:100%;
padding-left:0;
margin:.2em 0;
}

body.glance #sidebar-glance dd ul li span.date{
display:block;
margin-top:2px;
}

body.glance #sidebar-glance dd ul li a, body.glance #sidebar-glance dd ul li a:visited, body.glance #sidebar-glance dd ul li a:active{
font-weight:bold;
color:#7E8E5F;
}

body.glance #sidebar-glance dd ul li a:hover{
color:black;
}

/* photoshop has 155px for the header, but 156 is specified, as we sent that in the specs. */

.shadowbox{
position:relative;
margin:0 0 8px 0;
background:white url(/images/shadow_top.gif) top left no-repeat;
padding-top:6px;
width:166px; /*width was set at 166px, changed on 8/15/08 because they widened the field width, date increased*/
}

.shadowbox h3{
margin-top:0;
margin-bottom:.6em;
width:144px;
padding:5px;
padding-left:7px;
color:black !important;
background:#E5E49F url(/images/sidebar_header_top_small.gif) top left no-repeat;
}

.shadowbox div{
width:166px; /*width was set at 166px, changed on 8/15/08 because of widened field width, size increased*/
padding:0 4px 4px 4px; /*changed padding on 8/15/08 because of widened field width, size increased*/
background:url(/images/shadow_inside.gif) bottom left repeat-y;
}

span.help a{
display:block;
text-decoration:none; /*this is used because Firefox/PC beta was showing the text-indented anchor text link underlines*/
background:url(/images/help.gif) top left no-repeat;
text-indent:-10000px;
position:absolute;
top:10px;
right:10px;
width:15px;
height:15px;
}

.glancecolumn{
float:left;
width:170px; /*width was set at 166px, changed on 8/15/08 because they widened the field width, size increased*/
}

.small h3{
font-family:arial black, arial;
font-size:100%;
font-weight:normal;
background:url(/images/glance_top.gif) top left no-repeat;
padding:5px 30px 5px 5px;
margin-top:0;
}

.small h3 span{
display:block;
font-weight:bold;
font-family:arial;
font-size:90%;
}

.small{
position:relative;
background:#E5E49F url(/images/glance_bottom.gif) bottom left no-repeat;
display:inline;
margin:0 7px 0 0;
padding-bottom:10px;
width:159px;
}

.small div{
padding:0 10px;
}

.small h4{
position:relative; /* this is needed because of an IE/Win bug where the first header in the list will not show its background */ 
color:black;
padding-left:17px;
background:url(/images/bullet5.gif) 0 1px no-repeat;
}

.small ul{
position:relative; /* this is needed because of an IE/Win bug where the first header in the list will not show its background */ 
}

.small ul li a{
color:#507777;
}

.small ul li a:hover{
color:black;
}


#footer{
clear:both;
padding:20px 20px 20px 230px;
}

#footer p{
display:inline;
margin:.1em 0;
line-height:1.1em;
}

#footer ul{
margin:.1em 0;
padding-left:0;
}

#footer ul li{
line-height:1.1em;
padding-right:1px;
padding-left:1px;
background:none;
display:inline;
}

#footer ul li a{
padding-right:4px;
color:#A3A4A6;
border-right:1px solid #A3A4A6;
}

#footer ul li a:hover{
color:#666;
}

#footer ul li a.last{
border-right:none;
}

/* -- forms -- */

form#search{
position:absolute;
left:0;
background:url(/images/searchbox_back.gif) top left no-repeat;
width:172px;
height:30px;
padding:12px 0 0 13px;
margin:0;
}

form#search label{
display:none;
}

form#search fieldset{
border:0;
padding:0;margin:0;
}

form#search input#searchinput{
float:left;
padding:0;margin:0;
margin-right:6px;
font-size:88%;
line-height:1;
width:127px;
}

form#search input#inputgo{
float:left;
width:24px; 
height:16px;
}

.small form fieldset{
border:0;
padding:0;margin:0;
}

.small form{
width:113px;
margin:0 0 .8em 0;
padding-left:17px;
}

.small form input, .small form textarea{
margin:2px 0;
width:110px;
}

.small form textarea{
height:100px;
}

.small form select{
margin:2px 0 6px 0;
}

.small form input.radio{
width:20px;
margin:0;
}


.small form label.in{
display:inline;
}


.small form label{
color:black;
display:block;
line-height:1.1em;
font-size:85%;
}

/* -- end forms -- */

/* -- popups -- */

body.popup{
background:url(/images/popup_main_back.gif) top left repeat-x;
text-align:left;
}

body.popup #container{
margin:0;
width:675px;
}

body.popup #content{
margin:0;
width:675px;
border-top:none;
}

body.popup #contentcol{
float:left;
width:390px;
padding:20px 37px 20px 30px;
}

body.popup #contentcol-noside{
float:left;
width:608px;
padding:20px 37px 20px 30px;
}

body.popup #header{
background:none;
width:675px;
height:46px;
}

body.popup #headerwrapper{
background:url(/images/popup_back.jpg) 49px 0 no-repeat;
height:70px;
border-bottom:1px solid white;
border-top:1px solid #5C654C;
}

body.popup #headerwrapper img#iibpopup{
position:absolute;
top:0;
right:10px;
}

body.popup #contentcol h1{
border-bottom:none;
color:#265B3A;
}

body.popup #sidebar-popup{
float:left;
padding-top:20px;
width:215px;
}

body.popup #headerwrapper ul{
position:absolute;
right:5px;
bottom:0px;
margin-left:0;
padding-left:0;
}

body.popup #headerwrapper ul.widget li{
background:none;
padding:0;margin:0;
float:left;
}

body.popup #headerwrapper ul.widget li a{
color:#808D5F;
padding:0 5px;
border-right:1px solid #D6CA0C;
}

body.popup #headerwrapper ul.widget li a.last{
border-right:none;
margin-left:none;
}

body.popup #headerwrapper ul.widget li a:hover{
color:black;
}

body.popup #contentcol h1 span{
color:#3B8C8C;
}

body.popup h3{
color:#D6660C;
}

body.popup #contentcol p strong{
color:#265B3A;
font-weight:normal;
}

body.popup iframe{
width:385px;
height:260px;
border:0;
}

body.popup #footer{
padding-left:30px;
}

/* advanced search */

#advancedform{
float:left; /*need this so IE/Win will apply the margin-top in conjunction with the margin:0 on the adv-leadin h1 element */
width:100%;
background:#E5E49F url(/images/adv-bottom.gif) bottom left repeat-x;
padding-bottom:3px;
border-bottom:1px solid #B3BEB8;
margin:3px 0 1.2em 0;
}

#advancedform h4{
position:relative; /* need this so IE/Win shows the backgrounds */
width:155px; /* need this so IE/Win shows the backgrounds */
margin-left:-17px;
color:black;
padding-left:17px;
margin-top:2px;
background:url(/images/bullet5.gif) 0 1px no-repeat;
}

#advancedform form fieldset{
border:0;
padding:0;margin:0;
}

#advancedform form{
background:url(/images/back-advform.gif) top left repeat-y;
width:155px;
float:left;
padding:0 10px 0 27px;
margin:5px 0;
}

#advancedform form#keyword-form{
width:250px;
margin-left:0;
background:none;
}

#advancedform form#keyword-form h4{
float:left;
width:95px;
margin-top:2px;
}

#advancedform p.right label, #advancedform p.right input.submit-go{
font-size:100%;
}

#advancedform form input, #advancedform form textarea{
margin:2px 0;
width:80px;
}

#advancedform form textarea{
height:100px;
}

#advancedform form select{
margin:2px 0 6px 0;
font-size:85%;
}

#advancedform form input.radio{
width:20px;
margin:0;
}

#advancedform form label.in{
display:inline;
}

#advancedform form label{
color:black;
display:block;
line-height:1.1em;
font-size:85%;
}

#advancedform input.submit-go{
width:auto;
font-size:85%;
}

#contentcol h1.leadin-adv{
margin-bottom:0;
}



.euroiib {
border-bottom:none;
margin-left:0;
letter-spacing:0;
font-weight:bold;
font-family: arial, sans-serif;
color:black;
font-size:110%;
background-position: 0 .1em;
}




/* Copyright 2005 The Bond Market Association */