style.css


@import "form.css";
/* ======================================================================

  |  ALL NEW CUSTOM STYLES SHOULD BE ADDED TO THE BOTTOM OF STYLE SHEET   |

  ====================================================================== */
/* ===== BEGIN BASIC STYLES ===== */
body {font-size:13px;font-family:"Arial","Verdana","Helvetica",sans-serif;*font-size:small;*font:x-small;}

  html,body {margin:0;padding:0;color:#252525;}

  .inv { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } /* hide from visual browsers but still available to screen readers */

  /*h1, h2, h3, h4, h5, h6, p { margin:0 10px 5px 10px; }*/

  h1 { font-size:20px; color:#252525; }

  h2 { font-size:18px; color:#666; }

  h3 { font-size:16px; color:#666; }

  h4 { font-size:13px; }

  h5 { font-size:13px; font-weight:normal; font-style:italic; }

  #content h5,#ira-content h5 { margin-top:-5px;}


/* h6 defined below with dept-heading */

  a { color:#005498; text-decoration:none; }

  a:hover { color:#4187BF; text-decoration:none; } 

  form { display:inline; }

  fieldset { border:none; }

  .open { display:block;}

  .closed {display:none;}

  img { border:none; }

  hr { background: #ccc; height: 1px; border: none; border-bottom:1px solid #ccc;}

  wbr:after { content: "\00200B" } /*this is a trick to make the <wbr> (optional break) element work*/

  nobr {white-space: nowrap} 

  p.bug a { color:#000; text-decoration:none; }

  /* ===== END BASIC STYLES ===== */
/* ===== BEGIN LAYOUT STYLES ===== */

  div#container { width:960px; margin:auto; padding: 5px 0 0 0; }

  div#masthead { position:relative; }

  div#wrapper, div#ira-wrapper { float:left; width:100%; clear:left;}

  /*div#ira-wrapper { margin:1px 2px; }*/

  div#content { margin:0 305px 0 125px; width: 500px; }

  div#ira-content { width: 500px; }

  div#content.twocol {margin-right:0;width:805px;}

  div#content.wide {width: 680px;}
/*#content form p  {border:1px solid #CCC; padding:10px; }*/ /*I think this was added in error*/

  div#nav { float:left; width:120px; margin-left:-960px; }

  div#extra { float:left; width:305px; margin-left:-305px; }

  div#extra.narrow { float:left; width:125px; margin-left:-125px; }

  div#footer { clear:left; width:100%; }
image.rotating {float:left;}
/* Internal container resets */

  div#nav-quick-links table { margin:0px; }

  div#content { padding:0 17px 0 13px; }

  div#content div, div#content table, div#content blockquote, div#ira-content div, div#ira-content table, div#ira-content blockquote { margin:0; }

  div#content div div, div#content table table, div#ira-content div div, div#ira-content table table { margin:0; } /* removed , div#content div p -- is this a problem? */

  div#content .mod { margin:0 10px 0 0px; }

  div#content.article p { margin:10px 0px; }

  div#extra div, div#extra table, div#extra blockquote { margin:0;}

  div#extra div div, div#extra table table, div#extra div p { margin:0;}

  div#extra div table {padding:10px;} /* created by amy to update complete issue page's today's headlines  */

  div#extra div table img {border:1px solid #ccc; margin-right:5px;}
.copy-article { margin:10px 0px; }

  /* ===== END LAYOUT STYLES ===== */
/* ===== BEGIN PRESENTATION STYLES ===== */

  /* Begin Top Nav Styles */

  div#nav-quick-links .nav-main { border-top:solid 1px #757575; position:relative; list-style:none; color:#005498; height:26px; margin:0; padding:0; overflow:hidden; }

  div#nav-quick-links .nav-main li { float:left; text-align:center; margin:0; padding:0;}

  div#nav-quick-links .nav-main li a, div#nav-quick-links .nav-main li a.off { display:block; color:#005498; font-weight:bold; font-size:13px; padding:3px 10px 3px 8px; text-decoration:none;}

  div#nav-quick-links .nav-main li a:hover {color:#4187BF;}
div#nav-quick-links .nav-main li a, div#nav-quick-links .nav-main li a.off {background: url('../images/pipe.gif') no-repeat right center; }

  div#nav-quick-links .menu li {padding:4px 0 0 0;}

  div#nav-quick-links .menu li a { display:block; color:#005498; font-weight:normal; font-size:13px; padding:0px 9px 0px 10px; text-decoration:none;}

  div#nav-quick-links .menu li a  {background: url('../images/smpipe.gif') no-repeat left center;}

  /*note: nav-main has the pipe background to the right so it will be overlapped by the item to the right; the submenus (.menu) have the pipes to the left so to facilitate programming but defining "first" instad of "last" */

  div#nav-quick-links .nav-main li#nav01 a { margin-left: 0px;}

  div#nav-quick-links .nav-main li#nav10 a, div#nav-quick-links .menu li.first a, div#nav-quick-links .nav-main li a.leftofon, #cuj #nav-quick-links .nav-main li#nav05 a{ background: none;  }  /* currently set so the 5th link on cuj page has no piping bg, and the 8th link on the other pages b/c they are the last link.  amend accordingly */

  div#nav-quick-links .nav-main li a.on { border: 1px solid #000; border-top: 0px; border-bottom: 1px solid #fff; background: none; padding:3px 9px 2px 7px;}

  /*div#nav-quick-links .nav-main li a span { margin-left:5px; }*/

  div#nav-quick-links .nav-main li ul { position:absolute; top:24px; left:0px; list-style:none; background:#fff; color:#005498; height:24px; margin:0px; padding:0px; }

  div#nav-quick-links .nav-main li ul li { float:none; text-align:left; }

  div#nav-quick-links .nav-main li ul li a { padding-left:10px; }

  div#nav-quick-links .menu { position:absolute; top:24px; left:0px; }
div#nav-quick-links { position:relative; border-top:solid 1px #757575; padding-top:2px; margin-top:-2px;}

  div#nav-quick-links ul { height:22px; margin:0; padding:0; list-style:none; }

  div#nav-quick-links ul.menu { border-top: none; }

  div#nav-quick-links ul li { float:left; padding:0px 3px 0px 5px; font-weight:bold; color:#036; }

  /*div#nav-quick-links ul li span { padding-left:3px; }*/

  div#nav-quick-links ul li.last { height:16px; }

  div#nav-quick-links ul li a { text-decoration:none; }
#menu1Container, #menu2Container, #menu3Container, #menu4Container, #menu5Container, #menu6Container, #menu7Container, #menu7Container, #menu9Container  {height:22px; overflow:hidden; border: 1px solid #000; margin: -5px 0 3px 0;} /*remove margin if using menuSpacer*/

  #menu1Container.closed, #menu2Container.closed, #menu3Container.closed, #menu4Container.closed, #menu5Container.closed, #menu6Container.closed, #menu7Container.closed, #menu7Container.closed, #menu9Container.closed {display:none;}

  #menu1Container.open, #menu2Container.open, #menu3Container.open, #menu4Container.open, #menu5Container.open, #menu6Container.open, #menu7Container.open, #menu7Container.open, #menu9Container.open {display:block;}

  /*#menuSpacer {height:0px; display:block; margin: -5px 0 0 0;}*/

  /* End Top Nav Styles */


div#banner-ad {}

  div#banner-ad ul { list-style:none; margin:0; padding:0; float:left; }

  div#banner-ad img { display:block; border:solid 2px #ccc; }
div#masthead { margin-bottom:2px; }

  div#masthead h1 { height:98px; margin:0; font-size:0px; color:#fff; background: url('../images/ab_logo_top_new.gif') no-repeat 0px 13px; }

  div#masthead h1 b {margin-left:-1000px; }

  #btn div#masthead h1 { height:98px; margin:0; font-size:0px; color:#fff; background: url('../images/btn_logo_top.gif') no-repeat 0px 13px; }

  #cuj div#masthead h1 { height:98px; margin:0; font-size:0px; color:#fff; background: url('../images/cuj_logo_top.gif') no-repeat 0px 8px; }

  #usb div#masthead h1 { height:98px; margin:0; font-size:0px; color:#fff; background: url('../images/usb_logo_top.gif') no-repeat 0px 13px; }

  #mobilebanker div#masthead h1 { height:98px; margin:0; font-size:0px; color:#fff; background: url('../images/MobileBanker_Logo.jpg') no-repeat 0px 13px; }


div#masthead div.search { position:absolute; top:0px; right:10px; width:350px;}

  div#masthead div.search form#search-form { display:block; position:absolute; top:4px; right:152px; text-align:right; margin-right:17px; padding-top:6px;}

  div#masthead ul { position:absolute; top:0px; right:0px; width:130px; }

  div#masthead div.search form#search-form select { } /* removed width:100% because it messed up the width of the box */

  div#masthead div.search form#search-form table td { padding-bottom:5px; }

  div#masthead div.search form#search-form table tr th { font-weight:normal; text-align:right; padding-right:5px; padding-bottom: 5px;}

  div#masthead .abt-bank-group { font-size:11px; display:block;}
 /* Banking Logos contained within \/ */

  div#masthead ul { list-style:none; margin: 3px 0 0 0; padding:0px; border-left:solid 1px #666; padding-left:10px; width:132px; height:115px; overflow:hidden; }

  div#masthead ul li {}

  div#masthead ul li a { display:block; width:100%; height:36px; }

  div#masthead ul li a.ab-logo, div#masthead ul li a.ab-logo:hover { background:url('../images/banking-group-logos.gif') no-repeat 0px -216px; }

  div#masthead ul li a.btn-logo, div#masthead ul li a.btn-logo:hover { background:url('../images/banking-group-logos.gif') no-repeat 0px -72px; }

  div#masthead ul li a.cuj-logo, div#masthead ul li a.cuj-logo:hover { background:url('../images/banking-group-logos.gif') no-repeat 0px 0px; }

  div#masthead ul li a.usb-logo, div#masthead ul li a.usb-logo:hover { background:url('../images/banking-group-logos.gif') no-repeat 0px -144px; }
div#masthead .welcome { font-weight:bold; }

  div#masthead .welcome span { display:block; width:308px; line-height:16pt; height:23px; text-align:center; white-space:nowrap; background:url('../images/welcome-bkgrnd.gif') no-repeat; }

  div#masthead .welcome span span { display:inline; width:auto; background:url('../images/smblpipe.gif')  no-repeat right center; padding-right:10px;margin-right:9px; }

  div#masthead .welcome span.login { position:relative; width:100px; background:url('../images/welcome-bkgrnd-login.gif') no-repeat; }

  div#masthead .welcome span.login a { position:relative; top:0px; left:-10px; }

  div#masthead .welcome a { text-decoration:none; }

  #btn div#masthead .welcome span, #usb div#masthead .welcome span {background:none;}

  div#masthead .welcome div.src-date {font-weight:normal;float:right; margin-right:179px;}


/*linking logos (7/13/07) */

  div#masthead a.ab-logo-link, #usb div#masthead a.usb-logo-link { position: relative; width:350px; height:100px; text-decoration: none; display:block; }

  #btn div#masthead a.btn-logo-link { position: relative; width:150px; height:100px; text-decoration: none; display:block; }

  #cuj div#masthead a.cuj-logo-link { position: relative; width:350px; height:90px; text-decoration: none; display:block; }

  div#masthead a.ab-logo-link i, #btn div#masthead a.btn-logo-link i, #cuj div#masthead a.cuj-logo-link i, #usb div#masthead a.usb-logo-link i { visibility:hidden; }

  div#masthead a.ab-logo-link, #btn div#masthead a.btn-logo-link, #cuj div#masthead a.cuj-logo-link, #usb div#masthead a.usb-logo-link  { top:1px; }


div#nav, div#wrapper, div#extra { margin-top:10px; }
div#content p, div#ira-content p { line-height:1.4em; }
div#nav { width: 120px;}

  #nav ul { list-style:none; margin:0px; padding:0px; }

  #nav ul .nav00,#nav ul .nav01,#nav ul .nav02,#nav ul .nav03 { border-top:solid 1px #fff; font-size:12px; }

  #nav ul .nav00.first {border-top:none;}

  #nav ul .nav00 a,#nav ul .nav01 a,#nav ul .nav02 a,#nav ul .nav03 a { color:#000; padding:2px; padding-right:5px; display:block; position:relative; text-decoration:none; }

  #nav ul .nav00 a { font-size: 10px;text-transform: uppercase;}

  #nav ul .nav00 a:hover,#nav ul .nav01 a:hover,#nav ul .nav02 a:hover,#nav ul .nav03 a:hover {color:#4187BF;}
#nav ul .nav00 a.off,#nav ul .nav01 a.off,#nav ul .nav02 a.off,#nav ul .nav03 a.off {background:url('/images/nav-arw-off.gif') no-repeat right center;}

  #nav ul .nav00 a.on,#nav ul .nav01 a.on,#nav ul .nav02 a.on,#nav ul .nav03 a.on {background:url('/images/nav-arw-on.gif') no-repeat right center;}
/*.nav01 a span.off, .nav02 a span.off, .nav03 a span.off { display:block; width:12px; position:absolute; right:2px;  height: 16px; bottom:2px;} 

  .nav01 a span.on, .nav02 a span.on, .nav03 a span.on { background:url('/images/nav-arw-on.gif') no-repeat; }*/

  /*ditching the "span" system*/
#nav ul .nav00 { background:#eeeeee; font-size: 11px;text-transform: capitalize;}

  #nav ul .nav01 { background:#eeeeee; }

  #nav ul .nav02 { background:#d5e4e9; }

  #nav ul .nav03 { background:#d5e4e9; border-top:none; font-size:11px; padding-left:4px; }

  #nav ul .nav01 ul .nav03 { background:#eeeeee; }

  #nav ul .here { background: #fff; border-top: 1px solid #ccc;} 
div#nav-quick-links table { float:left; margin:0 0 3px 0; }

  #quick-subscribe-form {margin:0;padding:0;display:block;}

  .ql01, .ql02, .ql03 { line-height:1em; height:24px; background:#fff; border:solid 1px #ccc; margin:0px; padding:1px; }

  .ql01 span, .ql02 span, .ql03 span { line-height:1.5em; float:left; margin:0px; padding:0px 10px;}

  .qlbtn { width:70px; color:#900; background:#fff; border:solid 1px #ccc; height:1.5em; float:right; margin:0px; padding:3px 0 0 0; display:block; text-align:center; font-weight:bold; font-size:12px;}

  a.qlbtn:hover { color:#fff; background:#900; }
/* Footer */

  div#footer { margin-top:10px; position:relative; background:#fff; color:#999; font-size:11px; border-top:solid 1px #ccc; }

  div#footer .general-links {}

  div#footer .copyright { height:60px; padding-left:135px; padding-right:200px; border-top:solid 1px #ccc; background: url('../images/smlogo.gif') no-repeat #fff; }

  div#footer p { margin:0; margin:10px 10px; }

  div#footer a { color:#999; text-decoration:none; }

  div#footer a:hover { color:#4187BF;}

  div#footer .network-sites { position:absolute; top:55px; right:0px; text-align:right; }

  div#footer .network-sites label { display:block; }

  div#footer .network-sites select { margin-top:3px; }
/* News items */

  .news-wrap { width:100%; float:left; clear:both;}

  div#content div.news-wrap { margin-bottom:5px;}

  .specialreport .news-wrap {clear:none; float:none;width:auto;}

  #recent-issues.news-wrap {padding-bottom: 12px;}

  #recent-issues.news-wrap .news-item00 {padding-bottom: 0;}
#extra .news-wrap { width:300px; margin-bottom: 4px; }

  #extra .news-wrap.bkcolor { width:278px; } 

  #extra .news-wrap table { width:300px; }

  .news-wrap img { margin:4px 10px 10px 0; }

  .specialreport img { margin:8px 10px 10px 0; }

  .photo img { margin: 0 0 10px; }

  .news-wrap .photo.rt { padding-left: 13px; } 

  .news-wrap .abstract img { float: left; margin:4px 7px 1px 0;}

  .news-wrap .abstract img.right, .news-wrap .abstract img.r { float: right; margin: 4px 0 1px 7px; }

  .news-item00 {  margin-top:5px;padding-top: 5px;}

  .news-item00.top, .news-item01.top, .news-item02.top, .news-wrap.bkcolor .news-item00 { padding-top: 0; margin-top:0;}
#extra .news-wrap p.small-news-item, #content .news-wrap p.small-news-item, #ira-content .news-wrap p.small-news-item  { margin-bottom:10px; }

  .news-wrap p.small-news-item .src-date { margin-top: 0; }

  .news-wrap p.small-news-item a:link { font-weight: bold; }

  #content .abstract .text-in-abstract, #ira-content .abstract .text-in-abstract {margin-left:71px;display:block;}

  #content .abstract .subhed, #ira-content .abstract .subhed {display:block;}
.news-item01 { float:left; width:245px; padding: 5px 3px 0 0; }

  .news-item02 { float:right; width:245px; padding:5px 0 0 3px; }

  .news-wrap h1 { margin:0 0 2px 0; padding:0; font-weight:bold; font-size:16px; line-height:18px; }

  .topic .news-wrap h1.page-header, #usb .news-wrap h1.issue-date, #btn .news-wrap h1.issue-date { font-size: 20px; margin: 0 0 5px 0;line-height:auto; line-height: 22px;}  /*formerly .topic .news-wrap h1 { font-size: 20px; margin: 0 0 5px 0;line-height:auto; line-height: 22px;} */ 

  .news-wrap h1 a { color:#005498; font-weight:bold; text-decoration:none; }

  .news-wrap h1 a:hover { color:#4187BF; font-weight:bold; text-decoration:none; }

  .news-wrap h1, .news-wrap h1 a { font-size:16px; }

  .news-wrap h1.main-header, .news-wrap h1.main-header a { font-size:20px; }

  .news-wrap .special h1, .news-wrap .special h1 a, .special h1 { font-size:12px; }
#btn .news-item00 img, #cuj .news-item00 img, #usb .news-item00 img  {margin: 0 17px 10px 0;padding:0; }/** added> 7/13/07 **/

  #btn #extra .news-item00 img, #cuj #extra .news-item00 img, #usb #extra .news-item00 img {margin: 0 10px 0 0;padding:0; }/** added> 7/13/07 **/
#content .news-wrap h1.sec-heading, #content h1.sec-heading a, #ira-content .news-wrap h1.sec-heading, #ira-content h1.sec-heading a  {font-size:14px; line-height:16px; padding-top:4px; } /**** color:#666;}>removed **/ 

  #content .news-wrap h1.sec-heading-survey, #ira-content .news-wrap h1.sec-heading-survey {font-size:14px; line-height:16px;}

  #extra .news-wrap h1, #extra .news-wrap h1 a, .floating-article-toolbox h1 { font-size:11px; margin:0px; padding:4px 0 5px 0; } /**** padding: 0>4px 0 5px 0;,line-height:22px; border-top:solid 2px #005498;text-transform:uppercase;>removed **/

  .news-wrap h1 a:hover, .news-wrap .news-item01 h1 a:hover, .news-wrap .news-item02 h1 a:hover, .news-wrap .news-item00 h1 a:hover{ color:#4187BF;}/****/

  .news-wrap p { margin:5px 0 5px 0; padding:0; }

  .news-wrap .bug { margin:0 0 2px 0; padding:0; } /*9/22 rem margin-top: 8px;*/

  div#content .news-wrap .bug { line-height:auto; }

  .news-wrap .bug.divider { margin-top:7px; } 

  #extra .news-wrap p, #extra .news-wrap ul { margin:0px 0 3px 0; padding:0; }

  .news-wrap .headline { color:#666; margin-top:0; padding-top:0;}/** margin-top:0; padding-top:0;>added (6/11/07) **/

  .news-wrap p.sub-headline, #content.article p.sub-headline, #ira-content.article p.sub-headline {margin: 0;}

  .article h1 {margin: 0 ;}
#extra .news-wrap .collapse h1.sub-headline, #content .news-wrap .collapse h1.sub-headline, #ira-content .news-wrap .collapse h1.sub-headline { padding: 0; margin-bottom: 0;}

  #extra .news-wrap .collapse p.abstract, #content .news-wrap .collapse p.abstract, #ira-content .news-wrap .collapse p.abstract { padding: 0; margin-top: 0;}
.sub-headline { font-size:13px; line-height: 110%; color: #666;  font-style:italic;} 

  .sub-headline.scan { color: #252525;} 

  .sub-headline a { line-height: 110%; }

  .sub-headline a:hover { color: #4187BF; line-height: 110%; }

  .bug, div#content.article p.bug  { margin:0;padding-bottom:2px; color:#242424; font-size:11px; font-style:normal;  text-transform:uppercase; }/*line-height:70%; */

  div#content.topic p.bug { margin:0;padding-bottom:2px; color:#242424; font-size:11px; font-style:normal; font-weight:bold;  text-transform:uppercase; }
.header-with-date { width:100%; float:left;}

  .header-with-date h1 { float:left; height: 25px;}

  .header-with-date .src-date, .header-with-date p { float:right; width:50%; height: 25px; text-align:right;}

  div#content .header-with-date p, div#ira-content .header-with-date p {line-height:25px;}
.dept-heading, h6 { color:#252525; font-size:11px; font-style:normal; font-weight:bold;  text-transform:uppercase; }/** color #242424>#252525,size 10px>11px **/

  .sec-heading-survey { text-transform:uppercase; border-top:2px solid #990000; } /** new class for survey> added (6/13/07) **/

  .sec-heading-reprints { text-transform:uppercase; border-top:2px solid #B5B5B5; } /** new class for reprints> added (6/18/07) **/

  .special { }

  .bkcolor a.title { font-weight:bold; }

  #content .news-wrap .special h1.headline, #extra .news-wrap .special h1.headline, #ira-content .news-wrap .special h1.headline { font-size:13px;  line-height: 110%; margin:0 0 5px 0; padding: 0; } /*This line is so that h1 can be used for headlines in "special" boxes */

  .sec-heading { text-transform:uppercase;  border-top:2px solid #4187BF;} /** color:#666; } >removed **/

  .sec-heading a { font-size:11px; text-transform:none; } /** fontsize: 9px>11px, fontfamily:font-family:verdana;>removed **/

  .sec-heading-usb { border-top:2px solid #005498;padding-top:5px; } /** new class added for USB section heading> added (6/19/07) **/

  .abstract .sec-heading {border: none;}
.src-date { font-size:11px; color:#999; display:block; margin-bottom:-2px;margin-top:5px; } .special .src-date { margin-bottom:2px;}

  #extra .news-wrap div.smallheadline {margin-bottom:10px;}

  #extra .news-wrap .smallheadline h1 {margin:0;padding:0;font-size:12px;line-height:normal;}

  #extra .news-wrap .smallheadline h1 a {font-size:inherit;}

  .smallheadline .src-date{ margin-bottom:-2px;margin-top:0; }

  .bulletheadlinesrcdate .src-date { margin-bottom:0;margin-top:0; }

  .article .news-wrap{ padding-bottom:5px; }

  .article .src-date { font-size:11px; color:#999; display:block;margin: 0 0 5px 0; }

  .src-date a,.src-date a:link {color:#999;}

  .byline { color:#999; }

  p.byline { margin:0px; display:inline; }

  .news-wrap .abstract, .copy, .article p, .subhed { font-size:12px; line-height: 130%; }/** fontsize: 11px>12px, fontfamily:font-family:verdana;>removed, lineheight: 120%>130% **/

  .news-wrap .subscribe-link { text-align:right; }

  .news-wrap .subscribe-link a { font-size:11px; } /** fontsize: 10px>11px, font-family:verdana;>removed **/

  .news-wrap .free-link { text-align:right; }

  .news-wrap .free-link a { font-size:11px; } /** fontsize: 10px>11px, font-family:verdana;>removed **/

  .news-wrap .photo { text-align:right; font-size:10px; line-height:10px; } /** line height added **/

  .news-wrap .photo a { font-size:10px;}

  .news-wrap .photo img { margin-bottom:0;}

  .news-wrap .full.photo img { margin-bottom:10px;}

  .news-wrap .photo div { text-align:left;}

  .under-photo-text {color:#fff; position: relative; top: -15px; left: 5px; font-weight:bold;}

  .credit, .news-wrap .photo div.credit, .news-wrap .photo p.credit  { font-size:11px;  word-spacing:-.09em; text-align:right; margin-top:0; color:#252525;}

  .news-wrap .news-item00 .photo { text-align:left; font-size:12px; }

  .news-wrap .news-item00 .photo a { font-size:12px; }

  .news-wrap .subhed { margin-top:5px; }

  .news-wrap .subhed ul, .subhed ul { margin: 0; padding:0;list-style: none; }

  #content .news-wrap .subhed li, #ira-content .news-wrap .subhed li { padding: 0 0 0 10px; list-style:none; background: url('../images/bullet.gif') no-repeat left .5em;} /** padding-left: 0 0 7px 12px>padding:0 0 0px 10px (6/11/07) **/

  ul.level2 li { background: url('../images/bullet2.gif') no-repeat left .5em;}

  /*.news-wrap .subhed ul li a {padding-left: 3px;}*//*I pulled that because it didn't seem to serve any good purpose*/

  #content .news-wrap .subhed li.points-left, .news-wrap .more-news li.points-left, #content li.points-left, #extra li.points-left, #ira-content li.points-left {background-image: url('../images/bullet-pointing-left.gif')} 


/** more-news class was missing, duplicated/modified subhed class>added (6/12/07) **/

  .news-wrap .more-news { margin-top:5px; }

  .news-wrap .more-news ul, #content ul, #ira-content ul {margin: 0; padding:0;list-style: none; }

  #extra ul {margin: 0 0 0 5px; padding:0;list-style: none; }

  .news-wrap .more-news li, #content li, #extra li, #ira-content li {padding: 0 0 5px 10px; background: url('../images/bullet.gif') no-repeat 0 .4em; list-style:none;} /* */

  .news-wrap .more-news ul li a {font-size:13px; font-weight:bold; padding-left: 3px;}

  /******/
/** key-stock-indexes class was missing>added (6/13/07) **/

  .news-wrap .key-stock-indexes { font-size: 11px; }

  .news-wrap .key-stock-indexes caption { font-size: 11px; }

  .news-wrap .key-stock-indexes td, #content th, #extra th, #ira-content th { border-bottom: 1px solid #E3E3E3; }

  .news-wrap .key-stock-indexes th { text-align: left; padding-left:10px; }

  .news-wrap .key-stock-indexes td { text-align: center; }

  /******/
.clear-bullet { list-style: none; } /** new class to clear bullet from lists (6/14/07) **/

  .headline-bullet { background: url('../images/bullet.gif') no-repeat left .5em;padding: 0 0 0 12px;margin:0; }/** new class to add bullets to headline (6/15/07) **/
.news-wrap ul { margin:0; margin-left:2em; padding:0; }

  .news-wrap li {}

  .news-wrap ul li a { color:#005498; text-decoration:none;}

  .news-wrap ul li a:hover { color:#4187BF; text-decoration:none;}
.news-wrap .table-generic { font-size:11px; }

  .news-wrap .table-generic caption { text-align:left; border-top:solid 1px #999; }

  .news-wrap .table-generic tr { text-align: left; }

  .news-wrap .table-generic th { font-size:16px; color:#666; padding-top:10px; }

  .news-wrap .table-generic td { padding:2px 5px; } 
div#content .table-rankings, div#ira-content .table-rankings { margin: 10px 0 6px 0; }

  .table-rankings { font-size:12px; width:495px; padding:3px; border:1px solid #B5B5B5; }

  .twocol .table-rankings {width:805px;}

  .table-rankings caption { text-align:left; font-size:13px; font-weight:bold; padding-bottom: 5px; text-transform:uppercase; color:#252525; }

  .table-rankings th { font-size:18px; color:#666; padding-top:5px; }

  .table-rankings .th2, .table-rankings .th2 th  { background-color: #C0D4E2; font-weight:bold; color: #252525; font-size:13px; padding-top:0; padding:1px 5px;}
.table-rankings tr { text-align: left; }

  .table-rankings td { padding:2px 5px; }

  .table-rankings td a:hover{ text-decoration:underline; }

  .return-main { float:right; font-size:12px; font-weight:bold; text-align:right;padding-bottom:10px;  }

  .return-main2 { font-weight:bold; text-align:right;padding:0;margin:0;height:auto; }

  .return-top { text-align:right; font-size:12px; font-weight:bold; padding-top:5px; border-top:1px solid #B5B5B5; }
/** new classes for tables>added (7/9/07) **/

  div#content .table-earnings, div#ira-content .table-earnings { margin:10px 0; }

  .table-earnings { font-size:12px; width:505px; padding:3px; border:1px solid #B5B5B5; } 

  .table-earnings td { text-align:center;border-bottom:1px solid #B5B5B5;padding:4px; }
/** new classes for informa tables>added (6/17/07) **/

  .news-wrap .table-informa { font-size:11px; width:100%; padding:3px; margin-bottom:18px; border:1px solid #B5B5B5;}

  .news-wrap .table-informa caption { text-align:left; font-size:13px; font-weight:bold; padding-bottom: 5px; text-transform:uppercase; color:#252525; }

  .news-wrap .table-informa caption span { font-size:11px; font-weight:normal; text-transform:none; color:#999;}

  .news-wrap .table-informa th { color: #FFF; background-color: #005498; white-space:nowrap;margin:0; padding:0; text-align:center;}

  .news-wrap .table-informa tr { text-align: left; }

  .news-wrap .table-informa td { padding:2px 5px; text-align:center;} 

  .news-wrap .table-informa .th1  { background-color: #FFF; border: 1px solid #E3E3E3; color:#252525; } 

  .news-wrap .table-informa .th2  { background-color: #C0D4E2; color: #252525; }

  .news-wrap .table-informa .copyright { padding-top:3px;border-top:1px solid #E3E3E3;color:#999; }

  .news-wrap .table-informa  .l { text-align:left;padding-left:5px; }

  .news-wrap .table-informa  .r { text-align:right;padding-right:5px; }

  .thw25 { width: 25%; }

  .thw37 { width: 37%; }

  .thw75 { width: 75%; }

  /** new class used in informa tables> added (6/17/07) **/
.no-wrap { white-space: nowrap; } /** new classes for tables>added (6/14/07) **/

  .table-cell-odd { background-color: #E3E3E3; }/** new classes for tables>added (6/14/07) **/

  .table-cell-even { background-color: #FFF; }/** new classes for tables>added (6/14/07) **/
div#content .news-wrap .topics-item01 { float: left;  margin:1px 0 18px 0; padding:4px;border:1px solid #B5B5B5; } /**new class for topics page>added (6/15/07) **/

  .news-wrap .topics-item01 img { padding:0; margin:0; border:1px solid #252525; }

  .news-wrap .topics-item01 .xsm { width:80px; }

  #content .news-wrap .topics-item02 { float:right; width:391px; margin-top: 0; padding-top:0; margin-bottom:10px;}/** new class for topics page>added (6/15/07) **/

  #content .news-wrap .topics-item02 h1 {margin-top:0}


/** styles for rankings page>added (6/18/07) **/

  .standard { font-size: 12px; } /* font-weight: normal; color: #000000; text-decoration: none } */
/* Center content style */

  div#content .mod { margin-bottom:5px; }

  div#content .mod h2 { font-size:13px; }

  div#content .mod .byline { color:#999; } /** NEW **/

  div#content .mod .sub-type { float:right; font-weight:bold; }
#content .ad { border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; background:#EBEBEB; clear:both; margin:0 10px 0 10px; }

  #nav .ad { margin:10px 0 0 0; }

  .ad-half-banner { width:98%; float:left; clear:both; }

  .ad-half-banner table tr { vertical-align:middle; }

  .ad-half-banner table img { display:block; margin:5px 5px 5px 10px; }

  .ad-half-banner table p { text-align:left; padding:5px 10px 5px 5px;}

  .ad-half-banner table a { text-decoration: none; color: #000;}

  .ad-half-banner { padding-top:10px; padding-bottom:5px;}

  div.ad { padding:2px 0; margin-bottom:5px; text-align:center; }

  #extra div.ad { margin-bottom:10px; float:left; height: 260px;}

  div#extra div.right-button-ads { clear: both; width: 300px; margin: 10px 0; text-align: center;float:left;}

  .right-button-ads iframe, .right-button-ads img { margin: 0 5px; display:inline;}

  .advertisement { color:#999; margin:0; padding:0; text-align:center; font-size:11px;}
/**#extra { overflow-x:hidden; }*/

  div#extra div.ad table {padding:0px;}

  #extra .bkcolor { border:solid 1px #ccc; padding:10px 10px 0 10px; } /** background:#EBEBEB;>removed, padding:10px;>10px 10px 0 10px; (6/13/07)**/

  #content .bkcolor, #ira-content .bkcolor  { border:solid 1px #ccc; padding:10px 10px 0 10px; margin-bottom:4px;}

  #content .bkcolor.survey, #extra .bkcolor.survey {padding-bottom: 10px;}

  #content .bkcolor.survey.news-item01, #content .bkcolor.survey.news-item02 {width: 223px;}

  #extra .bkcolor.survey.news-item01, #extra .bkcolor.survey.news-item02 {width: 123px;}
#extra p, #extra ul, #extra .subhed { font-size:11px; margin:5px 0px; }

  #extra span.abstract { font-size:11px; }

  #extra .subhed li { padding-bottom: 0px; }

  #extra .more { display:block; text-align:right; font-size:10px;  }

  #extra .date { color:#999; }

  #extra .news-item01 { width:145px; }

  #extra .news-item02 { width:145px; }
/* \/ These should be phased out - kept here just in case */

  #extra .mod { margin-top:10px; }

  #extra .mod h1 { font-size:12px; font-weight:bold; text-transform:uppercase; margin:0;}

  #extra .mod h2 { font-size:12px; font-weight:bold; margin:0; color:#252525; }
#extra .up-events { background:#fff; padding:5px; }

  #extra .up-events p { margin:5px 0px; }
#extra .spec-report {}

  #extra .spec-report img { float:left; width:55px; }

  #extra .spec-report div { position:relative; left:10px; width:245px; }

  /*/\ These should be phased out - kept here just in case */

  /* ===== END PRESENTATION STYLES ===== */
/* ===== Begin Custom Styles - any new styles should be added to this section ===== */

  .b { font-weight:bold; }

  .c { text-align:center; }

  img.c {display:block; margin:auto;}

  .r { text-align:right; }

  .sm { font-size:11px;  word-spacing:-.15em; }
.indent { display:block; margin-left:30px; }

  .tagging { color: #005498; border-bottom:dashed 1px; text-decoration: none; } /* search tagged text links */

  .spacer { clear:both; display:block; padding:5px; height:10px;}

  .spacer.half { padding:2px 0 3px; height:5px;}
.rt { float: right; }/** new class for floating spans right> added (6/14/07) **/

  .lt { float: left; }/** new class for floating spans left> added (6/14/07) **/

  .news-wrap .xsm { font-size:11px;  word-spacing:-.09em; }/** new class for extra small fonts> added (6/16/07) **/

  .blue { color: #005498; }/** new class for sie color blue> added (6/18/07) **/
.floating-article-toolbox { width:144px; padding:13px 5px 0 5px; font-size:11px; float:right; }

  .floating-article-toolbox .news-item00 { float:none; border:solid 1px #ccc; padding:10px 10px 5px;}

  .floating-article-toolbox h1 { border-top:solid 2px #005498; text-transform:uppercase; } /*further defined ine line ~187 along with #extra .news-wrap h1,*/

  .floating-article-toolbox ul li { color:#999; }

  .floating-article-toolbox .news-wrap {padding-bottom: 5px;}

  .floating-article-toolbox img { display:block; margin: 5px auto; border:1px solid #000;}

  div#content.article .floating-article-toolbox p { margin: 0; padding-bottom:5px;}
.row { clear:both; }

  #search-from-date, #search-to-date { clear:both; }

  #search-from-date b, #search-to-date b { display:block; width:50px; float:left; text-align:right; }

  #search-from-date select, #search-to-date select { float:left; }

  .search-results .news-item00 h1 { margin-top:10px; }

  .search-results .news-item00 p.copy, .search-results .news-item00 span.src-date { margin:0px; }

  .search-results .news-item00 p.abstract { margin-bottom:15px; }

  .home-other-news .news-item01 .bug { margin-top:10px; }

  .found-text {font-weight: bold;}
#subnav-most-emailed { position:relative; top:17px; background:#fff; border:solid 1px #ccc; border-top:none; padding:10px; }

  #subnav-most-viewed { position:relative; top:17px; background:#fff; border:solid 1px #ccc; border-top:none; padding:10px; }

  #subnav-most-searched { position:relative; top:17px; background:#fff; border:solid 1px #ccc; border-top:none; padding:10px; }
#most-box { width:300px; font-size:12px;}

  #most-box a:visited { color:#005498; }

  #most-emailed-list.closed, #most-viewed-list.closed, #most-searched-list.closed { display:none; }

  #most-emailed-list.open, #most-viewed-list.open, #most-searched-list.open { display:block; }

  #most-lists { border:solid 1px #ccc; border-top:solid 1px #fff; }

  #most-box ul { margin:0; padding:0; list-style:none; height:15px; }

  #most-box ul li { float:left; height:17px; text-align:center; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; font-weight:bold; background-image:none; padding:0;}

  #most-box ul li.off { background: #e3e3e3; }

  #most-box ul li.on { border-bottom:solid 1px #fff; }

  #most-popular { width:86px; border-top:solid 1px #fff; }

  #most-emailed, #most-viewed, #most-searched { width:70px; border-top:solid 1px #ccc; }

  #most-box ol { margin:10px 10px 10px 40px; padding:0; clear:both; }

  #extra #most-box ol li, .news-wrap .more-news ol li, #content ol li, #extra ol li, #ira-content ol li, ol li { background: none; padding: 0; list-style: decimal;}

  div#extra .news-wrap#most-box { margin-bottom:20px;margin-top:5px;float:left;}
.poll { font-weight:bold; border:solid 1px; margin:10px; }

  .poll h1 { text-transform:uppercase; border-top:solid 2px #4187bf; padding-top:5px; }

  .poll table { width:100%; }

  .poll fieldset { }

  .poll .sponsor { color:#ccc; font-weight:normal; text-transform:uppercase; }

  .poll .sponsor img { border:none; text-align:center; }

  .poll .sponsor a { font-weight:bold; text-transform:none; }
.byline-toolbar td {padding-right:5px;}

  .toolbar { float:right; }

  div#content table table.toolbar { margin-left:5px}

  .toolbar.l { float:left; left: 0px; }

  .toolbar td { padding:2px; white-space: nowrap;}

  .toolbar td img, #btn .toolbar td img, #cuj .toolbar td img, #usb .toolbar td img { margin:0px 5px 0px 5px; }

  .print-bar { border:solid 1px #ccc; }

  div#content table.pg-bar, .pg-bar { margin:10px 0px 10px 10px; }

  div#content table.pg-bar.l, .pg-bar.l { margin:10px 10px 10px 0px; }

  .previous, .next { border:solid 1px #ccc; padding:2px 8px 2px 8px; font-weight:bold; }

  .pg-nums { letter-spacing:.15em; }
#extra .prev-next, #content .prev-next { text-align:center; margin-top:0px;height:20px;line-height:20px;}

  #extra .prev-next a, #content .prev-next a {text-transform:uppercase; margin: 0 5px;width:50px;height:20px;color:#000;font-size:11px;line-height:auto;}

  #extra .prev-next a.previous, #content .prev-next a.previous {border:none; font-weight:bold; background:url('/images/rotator-previous.gif') no-repeat center; padding:3px 6px 3px 10px;}

  #extra .prev-next a.next, #content .prev-next a.next {border:none; font-weight:bold; background:url('/images/rotator-next.gif') no-repeat center; padding:3px 11px 2px 6px;}
#printthis { padding: .25in;}

  #printthis #content { margin: 0; padding: 0; width:6.5in;}

  #printthis #content p.byline { display:block; }

  #printthis #content p, #printthis #content p.byline, #printthis #content p.src-date, #printthis #content p.sub-headline, #printthis #content h1 { margin:0 0 .5em 0;}
.leftfloat, div#content div.leftfloat, div#content div div.leftfloat, div#ira-content div.leftfloat, div#ira-content div div.leftfloat { float: left; margin:5px 5px 5px 0;}

  .rightfloat, div#content div.rightfloat, div#content div div.rightfloat, div#ira-content div.rightfloat, div#ira-content div div.rightfloat { float: right; margin:5px; }
.subhed ul li, .subhed ol li { margin-bottom:3px; }
#browseissue { display: block; padding: 5px; border: 1px solid #ccc;}

  #content #browseissue p {margin:0 0 5px 0; font-weight:bold;}
.toollink {padding-left:15px; background:url('../images/nav-arw-off.gif') no-repeat left center; font-weight: bold;}
.premium {background: url('../images/premium.gif') no-repeat bottom left; color:#fff; font-size:1px; padding-left: 18px; padding-top:8px;}
#extra .news-wrap .survey form p { margin: 5px 0 0 0; }

  #extra .news-wrap .survey fieldset.voted { padding-bottom: 5px; }

  .survey .response { font-size:11px; font-weight:bold;}

  .survey .response img {margin: 0 5px 2px 0;}
.box-divider {width:9px; height:9px; align:center; }
/* ===== Style Amy Created for inline lists - used for anchor tag link lists ===== */

  .anchor-pad {padding-top:20px;padding-bottom:10px;margin:0px;}
li.inline {

  display: inline;

  padding-left: 1px;

  padding-right: 3px;

  border-right: 1px dotted #066;

  }
.special.issue ul li {margin:15px 0;}

  .special.issue ul li {font-size:12px;}
/* special styles to cover specific uses, often one-off*/

  .date-pick {display:block;margin:10px 0;}

  .show-summaries {margin:10px 0 20px;}

  .alpha-list {margin:10px 0;} 

  #content .special div, #ira-content .special div  {font-size:12px;}

  

  #ira-content .jumplinks { margin-top:10px;}

  

  .section-end-link, .read-more {text-align: left; margin-top:0; margin-bottom:0px; padding-bottom:0px; font-size:12px;}

  .section-end-link a, .read-more a { margin-right:15px; font-size:12px; }

  .indented, #extra .news-wrap p.indented, #content .news-wrap p.indented, #ira-content .news-wrap p.indented  {margin-left:15px;}
.state-full {color: #990000;}
.dropmenu, #search-state p.copy {margin-bottom: 10px;}
.break-after, div#content table.break-after, div#content div.break-after, div#ira-content table.break-after, div#ira-content div.break-after {margin-bottom:15px;}

  .break-before, div#content table.break-before, div#content div.break-before, div#ira-content table.break-before, div#ira-content div.break-before {margin-top:15px;}
.nobottom {margin-bottom:0;padding-bottom:0;}
#usb .news-wrap li a, #btn .news-wrap li a {font-weight:bold;}


/* ===== Style Amy Created for integrated forms - in lieu of table with borders used on old site ===== */

  .borderbox {border:1px solid #CCC; padding:10px; text-align:center;}
/* ===== End Custom Styles ===== */
h1, h2, h3, h4, h5, h6, p, hr { margin:0 0 5px 0; }

  .top, h2.top, .news-wrap p.top  {margin-top:0; padding-top:0;}

  #nav .ad.top {margin-top:0; margin-bottom:5px; padding-top:0;}

  h2, h1.middle {padding-top:10px; clear:both;}

  .article h2 {clear: none;}
.inset, #content ul.inset { margin-left:30px; margin-right:75px;}
.uplink {position:relative; top:-17px;}
.emailthis-article { border:solid 1px #ccc; padding:5px; margin: 10px 0; float:left; width:483px;} 

  .emailthis-article h2 {padding-top:0;}

  #emailthis h1 {margin-bottom:0;}

  #emailthis #aboutlink {margin-bottom:10px;}
.loggedin .access {display:none;}
/* ===== Style Amy Created for "back to top" links */

  .small { font-size:12px; }

  #ad-wrap {padding:5px 0px 5px 0px; margin:5px 0px 0px 0px;}


input.btn.lowered {position:relative; top: 4px;}
/*iframe.ira { position:relative; top:-1px; left:-2px;}*/

  #ira-wrapper small {line-height:1em;}
/* ===== leftfloat and rightfloat are legacy styles that are only applied on the news article pages from the old site- they were styled this way to match our new styles */

  .leftfloat, .rightfloat {float: none; border: 1px solid #cccccc; padding-bottom:20px; padding:10px; width: 130px; font-size:11px;}

  .leftfloat .depthead , .rightfloat .depthead {border-top-width: 2px;border-top-style: solid;border-top-color: #005498;font-size:11px; text-transform: uppercase; font-weight: bold; display:block; padding-bottom:5px; padding-top:5px;}
.table-glossary {border:0px; }

  .table-glossary p {padding-right: 20px; }
a.btn.short {display:block; width:15px;  padding:10px; vertical-align:middle; font-weight:bold; }

  #mobilebanker h5 {margin-top:5px; }
html body #container a.nolink {color:#252525;}
img.inline {vertical-align: text-bottom;margin-bottom:1px;}
.rotating {float:left;}
/* ===== OFIE styles by Amy */

  fieldset.ofie {border:1px solid #ccc; padding:10px; margin-bottom:20px;}

  fieldset.ofie .btn { background:url('../images/btn-long.gif') no-repeat top left; width:119px; height:25px; line-height:22px; padding-bottom:4px; font-size:14px; border:none; cursor: pointer; text-align:center; color:#990100; font-weight:bold;margin-top:7px;}

  fieldset.ofie h1 {color:#990100; margin-bottom:0px;}

  fieldset.ofie h2 {color:#000; font-size:14px; font-weight:bold;}

  fieldset.ofie h3 {font-size:11px; margin-top:0px; color:#666; font-weight:bold;}

  div#content fieldset.ofie ul {margin:0;padding:0;}

  div#content fieldset.ofie ul li {padding: 0 0 0 25px; margin: 0 0 0 15px; font-size:12px; width:auto;line-height:1.8em;list-style-image:none; list-style-position:outside;list-style-type:none;}

  div#content fieldset.ofie div.email-input {text-align: right;}

  fieldset.ofie div.email-input input#demographics-email {width: 200px; margin-right:10px;}

form.css


/* HTML TAGS */
.spacer { height:15px; width:100%; padding:0; margin:0; clear:left; }
legend {

  background:#fff;

  font-size:18px;

  font-weight:bold;

  color:#00639c;

  position:absolute;

  top:-13px;

  left:20px;

  }
fieldset {

  position:relative;

  width:600px;

  padding:20px;

  float:none;

  border:1px solid #999;

  }
fieldset.nolegend { top:10px; }
#content fieldset, #extra fieldset, #content fieldset.search-adv .form-row { width:auto; }
.survey fieldset {padding:0px 15px;}
fieldset.search-adv { padding:8px 10px; border:1px solid #ccc; }

  .search-adv td { padding:2px 3px 2px 0; } 

  .search-adv td.nopad, .nopad { padding:0px; }

  input { color:#000; }

  input.input { width:260px; }

  input.input.small { width:auto; }

  textarea.input { width:406px; }

  .indent-text {margin-left:25px;}
fieldset fieldset {

  background-color:#fff;

  padding:5px;

  margin-top:2px;

  position: relative; 

  }
fieldset fieldset legend {

  color:#666; /*changed from orange #f90*/

  font-weight: bold; /*was 600*/ 

  line-height:30px;

  width:auto;

  font-size:16px; 

  }
#content fieldset fieldset legend, #extra fieldset fieldset legend { width:auto; }

    

  label {

  font-size:13px;

  /*text-align:right;*/ 

  }
#extra .survey label {

  font-size: 11px;

  }
.search-adv label { padding-right: 10px;}
/* IDs */
#form-info {

  text-align:left;

  margin:0px;

  font-size:12px;

  line-height:14px;

  }
#content {

  padding: 0;

  height:inherit;

  }
/* CLASSES */
.boxpad {

  float:left;

  }
.smalltext {

  font-size:11px; 

  }
.textpad {

  float:right;

  padding:5px;

  margin-left:20px;

  }
fieldset.main {

  position: relative;

  width:auto;

  padding:20px;

  float:none;

  }
fieldset.half {

  width:300px;

  }
.required { color: #990000 ; font-weight: bold; } /*font-weight was 700*/
.alert { color: #f00; font-size:12px; } 
.fieldpad { padding-right:10px; width:80px;  float: left; text-align:left; }
.order-head { 

  color:#666; /*changed from orange #f90*/

  font-weight: bold; /*was 600*/ 

  line-height:20px;

  width:100%;

  font-size:16px;

  clear:left; 

  margin: 0 0 5px;

  display:block;

  text-align:left;

  padding-top:10px;

  } 

  

  /* settings for the scrolling subscription agreement */ 

  .source { 

  font-family:Verdana, Arial, Helvetica, sans-serif; 

  font-size:10px; 

  font-weight:normal; 

  text-decoration:none; 

  color:#000;

  }

  

  /* creates columns */ 

  

  .form-row, div#content div div.form-row { 

  float:left;

  padding: 1px 0;

  margin: 5px 0px 0px; 

  width:100%;

  text-align:left; 

  } 
#content .form-row { width:500px; } 

  #content fieldset .form-row { width: 458px; } 

  tr.form-row { float:none; }

  tr.form-row td { vertical-align:baseline; }

  

  .form-right {

  width:100%;

  margin:0 0px 2px 0px; 

  float:right;

  text-align:left;

  }
.form-container {

  width:auto;

  vertical-align:top;

  }
 /* setting for labels on the righthand side */ 

    

  .labelcol { 

  width:130px; 

  float:left; 

  text-align:left; 

  font-weight:bold; /*was 700*/ 

  white-space:nowrap; 

  margin-right:12px; 

  margin-left:5px; 

  } 

  

  .labelcol.noindent { 

  margin-left: 0px; 

  } 

  

  .labelcol.inner { 

  width:80px; 

  margin-left:40px; 

  } 
.form-row.checkbox .labelcol { 

  width:auto;

  float:none;

  font-weight:normal;

  white-space:normal; 

  margin-right:12px; 

  margin-left:40px; 

  } 

  

  .checkboxcol { 

  width:20px; 

  height:auto; 

  float:left; 

  height:30px;

  text-align:left; 

  white-space:nowrap; 

  margin-right:12px; 

  margin-left:5px; 

  } 

  

  .checkboxcol.short { height:10px; }
.checkboxcol.tall { height:40px; }

    

  /* positions buttons outside of form fieldset */ 

  

  .stepnav {

  text-align:left;

  margin:0px;

  padding-bottom:10px;

  clear:right;

  }
.alignright { margin-top:5px; }
.align-form-btn-right { padding-left:150px; } /* used to align submit buttons added>7/13/07*/
.rightcol { padding:0 0 15px 150px; }
 /* columnar form layout */ 

    

  #login-form fieldset

  {

  float: left;

  display: block;

  padding:20px;

  width:385px;

  vertical-align:top;

  margin-bottom:20px;

  height:300px;

  }
#login-form fieldset.left {

  margin-right:11px;}
#login-form fieldset h2{

  font-size:18px;

  font-weight:bold;

  line-height:normal;

  }
#login-form fieldset li{

  margin-bottom: 10px;

  }
#columnar-form fieldset

  {

  float: left;

  display: block;

  width: 250px;

  padding:20px;

  }
.half {width:50%}
#emailthis .form-row { clear:both; }

  #emailthis .emailthis-btns { float:left; clear:both; width: 380px; text-align:right; margin-top:10px;}

  #emailthis .label-col { float:left; font-weight:bold; width:100px; padding-top:3px; }

  #emailthis .field-col { margin-left: 105px; }

  #emailthis .form-row .field-col textarea#personalMessage, #emailthis .input   { width:270px; margin-left:0; }
.btn { background:url('../images/btn-med.gif') no-repeat top left; width:84px; height:25px; line-height:22px; padding-bottom:4px; font-size:14px; border:none; cursor: pointer;}

  .btn.short { background:url('../images/btn-short.gif') no-repeat; width:34px; }

  .btn.long { background:url('../images/btn-long.gif') no-repeat; width:119px;}

  .btn.xlong { background:url('../images/btn-xlong.gif') no-repeat; width:154px;}

  .btn.rt { margin-left:5px; }

  .btn.lt { margin-right:5px; }

  a.btn.short {display:block; width:35px;  height:25px; font-weight:bold; align:center; }

iestyle.css


/* CSS Document */

  div#nav { margin-left:-960px; } /*correcting for the ie box model*/

  div#content { overflow:hidden; } /*to prevent expanding of the div, breaking the page*/

  div#nav-quick-links .menu li {padding:5px 0 0 0;} /*ie6 doesn't display the right amount of padding for some reason, so we need this line*/

  .news-item01, .news-item02 { width:242px;} /*correcting for the box model, most likely*/

  #content .bkcolor.survey.news-item01, #content .bkcolor.survey.news-item02 {width: 235px;}

  #extra .bkcolor.survey.news-item01, #extra .bkcolor.survey.news-item02 {width: 135px;}

  div#masthead .welcome div.src-date {margin-right:90px;}

  html {

filter: expression(document.execCommand("BackgroundImageCache", false, true));

}

#nav ul .nav01.first,#nav ul .nav02.first,#nav ul .nav03.first { border-top:solid 1px #fff;}
#most-box ul li { position:relative; top:4px;}
textarea.input {margin-left:9px;}

  .required-line {margin-right: 180px;}
.uplink {zoom:1}
div.short {background:none;}
.table-rankings { /* This code is here b/c the Ranking Tables were breaking in IE6 when content became over-sized.  Its a complete hack, it makes us sad that it works... but it does work so we are leaving it in here */

  margin-right: -1000px;

  position:relative;

  height: 1%

  }

iestyle-all.css


.btn { margin-bottom:-3px;}
#search-submit-adv { position:relative; left:20px; }
#extra { overflow-x:hidden; }