/* 5/5/05: lkm modify tblDP */
/* 4/12/05: lkm added Tom's new color styles (red, dgreen) */

#header img#printHead, #header div#printHead { display: none; }

/* lkm styles */
body.popup #contentcol-noside { float:left; width:600px; padding:20px 37px 20px 50px; }
#contentcol-noside h1 { color:#A7B486; margin: 0em 0em 1.2em 0em; letter-spacing:-1px; font-family:arial black, arial, sans-serif; font-weight:normal; border-bottom:1px solid #B4BEB8; }
#contentcol-noside h1 span{ color:#3B8C8C; }

p.rule { font-size: 75%; line-height: 1em; text-transform: uppercase; border-top: 1px solid #c7ceca; margin-top: 20px; }

/* basic tables */
table { border: none; color: #49534d; }
table, tr, th, td { font-family: arial, sans-serif; }
th, td { font-size: 85%; vertical-align: top; text-align: left; }
table a:link, table a:visited { color: #d6660c; }
table h2 { color: #000 !important; font: bold 112%/1em arial, sans-serif; margin: 0 !important; padding: 0; }
table h3 { color: #000 !important; font: bold 100%/1.5em arial, sans-serif; margin: 0; padding: 0; }

th.r, td.r, .r img { text-align: right; }

.spcl { border-top: 1px dotted #d6660c; text-transform: uppercase; padding: 10px 3px 3px !important; }
.even { background-color: #fff; }
.odd, .gray { background-color: #dee3e0; }
.medgray { background-color: #c7ceca; }
.up { color: green; }
.down { color: red; }

.red { color: #cf681c; }
.dGreen { color: #255c39; }

tr.grayHd td { background-color: #dee3e0; border-top: 12px solid #fff; vertical-align: bottom; }

/* table 1, 3 */
table.tbl1, table.tbl3 { width: 450px; margin: 0 0 1em; background-color: #fff; text-align: left; }
table.tbl1 th.top, table.tbl3 th.top { padding: 8px; color: #000; background-color: #e5e49f; }
table.tbl1 th, table.tbl3 th { padding-top: 1px; padding: 10px 3px 3px; } 
table.tbl1 td, table.tbl3 td { padding: 3px; }
table.tbl1 td { white-space: nowrap; } /* This is the only difference between tbl1 and tbl3. */
table.tbl1 sup, table.tbl3 sup { color: #3b8c8c; }
table.tbl1 td.dif, table.tbl3 td.dif  { padding: 3px; border-left: 1px dotted #c7ceca; text-align: left; }

/* table 2 */
table.tbl2 { width: 100%; margin-top: 10px; font-size: 85%; border: none; border-width: 0; }
/*	4/13/05: LKM modified specific "td.thead" to more general ".thead" to accomodate inconsistent .Net rendering of th/td
Here's the original code:
table.tbl2 td.thead, table.tbl2 th { font-weight: bold; color: #fff; background-color: #d6660c; padding: 1px 2px 3px 4px; }
table.tbl2 td.thead a:link, table.tbl2 td.thead a:visited { color: #fff; text-decoration: underline; }
table.tbl2 td.thead a:hover, table.tbl2 td.thead a:active, table.tbl2 td.thead a:focus { text-decoration: underline; color: black; }  */
table.tbl2 .thead, table.tbl2 th { font-weight: bold; color: #fff; background-color: #d6660c; padding: 1px 2px 3px 4px; }
table.tbl2 .thead a:link, table.tbl2 .thead a:visited { color: #fff; text-decoration: underline; }
table.tbl2 .thead a:hover, table.tbl2 .thead a:active, table.tbl2 .thead a:focus { text-decoration: underline; color: black; }
table.tbl2 td { padding: 1px 2px 1px 4px; }
table.tbl2 td.r { white-space: nowrap; }
table.tbl2 td.on a { color: #000 !important; }

/* table 4 */
table.tbl4 { width: 475px; font-size: 90%; border-style: dotted; border-color: #d6660c #c7ceca #c7ceca #c7ceca; border-width: 1px 0 1px 1px; }
table.tbl4 th, table.tbl4 td { width: 12%; padding: 2px; text-align: left; border: 1px dotted #dee3e0; border-width: 1px 2px 0 0; }
table.tbl4 th { padding: 4px 0 4px 6px; }
tr.dif th { font-size: 100%; padding: 4px 2px 3px 4px; } 
tr.dif2 th { font-size: 100%; padding: 4px 4px 8px 4px; border-bottom: 1px dotted #d6660c; }

/* table data popup */
table.tblDP { width: 100%; margin-top: 10px; font-size: 95%; border: none; border-width: 0; }
table.tblDP td.thead, table.tblDP th { border-right: 1px solid #fff; padding: 1px 2px 3px 4px; background-color: #e5e49f; }
table.tblDP td.thead img, table.tblDP th img { display: block; padding: 0; border: none; }
table.tblDP td { padding: 4px 3px 4px 3px; border-right: 1px solid #fff; }
table.tblDP td.r { white-space: nowrap; }
table.tblDP td.on, table.tblDP th.on { color: #000 !important; background-color: #7e8e5f; }
table.tblDP td.mi a:link, table.tblDP td.mi a:visited { font-size: 100%; display: block; white-space: nowrap; padding-left: 9px; margin: 0 2px 2px; background: url(/images/bullet4.gif) 0 1px no-repeat; }

/* table 2- column and 3-column: used for Legend on the tickers and for forms on the Calculators */
table.twocol, table.threecol { width: 100%; margin: 0; text-align: left; }
table.twocol th,table.threecol th { text-transform: uppercase; }
table.threecol td { width: 33%; padding: 3px; border-bottom: 1px dotted #dee3e0; }
table.twocol td { width: 50%; padding: 3px; border-bottom: 1px dotted #dee3e0; }

/* table mini: for econ. indicators on homepage */
table.mini { width: 155px; margin: 0; background-color: #fff; }
table.mini th, table.mini td { vertical-align: top; text-align: left; padding: 2px 1px 2px 3px; font-size: 72%; line-height: 1em; }
table.mini th { padding-bottom: 4px; }

/* "resultsTable" on calculator popups
table#resultsTable {  } */

/* iframes */
body#nobg { background-image: none; text-align: left; }
/* ticker iframe */
iframe { width:475px; height:440px; padding: 0; margin: 0; background-color: #fff; }
iframe.long { height: 2000px; width: 475px; }
body#nobg p, body#nobg dd { padding-right: 20px; }

/* special list styles */
ul.chkbx { background: none; margin-left: 12px; padding-left: 0; }
ul.chkbx li { list-style-type: none; background: url(/assets/images/chkbx.gif) 0 0 no-repeat; padding-left: 18px; }

ul.score { background: none; margin-left: 0; padding-left: 0; }
ul.score li { background: url(/assets/images/score.gif) 0 0 no-repeat; padding-left: 30px; }

ol ul.chkbx { margin-left: 0; }

ol ul li { list-style: none; }
ol ol li { list-style: lower-alpha; }
ol ol li li { list-style: lower-roman; }

dl ul li, dl ol li { font-size: 100%; }

ul.tight { background-image: none; padding-left: 6px; margin: 3px; }
ul.tight li { list-style: square outside; background-image: none; font-size: 100%; line-height: 1.1em; padding-left: 0; margin: 0 0 1em 6px;  }

/* forms */
/* "#advform" is my version of Bixler's "#advancedform" */
#advform { float: left; 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; text-align: left; }
#advform form, #advform form#keyword-form { background:url(/images/back-advform.gif) top left repeat-y; width:180px; float:left; padding:0 10px 0 27px; margin:5px 0; }
#advform form#keyword-form { background: none; }
#advform h4 { position:relative; width: 150px; /* need this so IE/Win shows the backgrounds */
background:url(/images/bullet5.gif) 0 1px no-repeat; color:black; margin:2px 0 2px -17px; padding-left:17px; }

.calc form, .calc iframe { width: 378px; margin:0; padding:0; }
.calc fieldset, #advform fieldset { border:0; padding:0; margin:0; }

div.formcols { width: 690px; height: auto; margin: 0; padding: 0; background: #e5e49f url(/images/form_bottom.gif) bottom left no-repeat; }
div.formcols h3 { font: normal 100% arial black, arial, sans-serif; color: #000; background: url(/images/form_top.gif) top left no-repeat; margin: 0; padding: 5px 0 0 10px;  }
.formcols h3 span { color: #3B8C8C; }
.formcols div { float: left; width: 130px; border: 0; padding: 0 20px; margin: 0; background-color: #e5e49f; }
.formcols form fieldset { border: none; padding: 0 0 10px; margin: 0; }
.formcols form fieldset label { display: block; margin: 0 0 1px; }

.calc p { display: block; margin: 8px 0 0; font: 85% arial, sans-serif; }
span.input { font-size: 115%; color: #d6660c; padding-left: 6px; }
.calc h3 { font: normal 100% arial black, arial, sans-serif; padding: 0;
margin: 0 0 .5em; }
.calc h4 { color: black; padding-left: 17px; margin: 0 0 .5em; background: url(/images/bullet5.gif) 0 1px no-repeat; }

.calc form fieldset div { clear: both; position: relative; }
.calc form fieldset label, span.label { margin: 0 5px 0 0; width: 200px; text-align: right; float: left; }
.calc form fieldset input.radio { width: 15px; border: none; border-width: 0; padding: 0; }

.calc input, .formcols input { font-size: 90%; width: 130px; border: 3px double #768559; padding: 2px 3px; }
.calc select, .formcols select { font-size: 90%; color: #68746d; width: 145px !important; border: 3px double #768559; padding: 2px 1px; }
.formcols select { width: 130px !important; }
.calc .in { display: inline; }
.calc option, .formcols option, #advform option { padding: 1px 2px; border-top: 1px dotted #dee3e0; }

#advform label, #advform select, #advform input { font-size: 90%; padding: 2px 3px; margin: 0 0 17px; }
#advform label, #advform select { display: block; margin: 0; width: 150px; }
#advform input.submit-go { display: inline; width: auto; font-size: 90%; padding: 1px; color: #68746d; background-color: #fff; border: 3px double #768559; }

input.submit { width: 142px; height: auto; padding: 0; margin: 0 3px 1em; font-size: 90%; color: #68746d; background-color: #e5e49f; border: 3px double #768559; }
.formcols input.submit { width: 142px; height: auto; padding: 0; margin: 20px 3px 0; font-size: 90%; color: #68746d; background-color: #fff; border: 3px double #768559; }

/* IE won't do this, oh well */ input.submit:hover { color: #fff; background-color: #d6660c; }

/*  special */
h1.error, .error { color: #d6660c !important; padding-left: 8px; border-left: 6px double #265b3b; border-top: 1px solid #265b3b; }

div#legend { clear: both; width: 100%; margin: 1em 0; } /* padding: .5em; background-color: #c7ceca; */
div#legend p { font: normal 80%/1.1em arial, sans-serif; margin: .5em 0 0; }


/* These styles should step on preceding ones in order to test the wider popup tables */
body.popup #container{ margin:0; width:765px; }
body.popup #content{ margin:0; width:765px; border-top:none; }

body.popup #content #contentcol-noside { float:left; width:690px; padding:20px 37px 20px 50px; }
body.popup #content #contentcol{ float:left; width:475px; padding:40px 23px 20px 35px; }

body.popup #content #contentcol table.tbl2, body.popup #content #contentcol-noside table.tbl2 { width: 100%; margin-top: 10px; font-size: 100%; border: none; border-width: 0; }

/* Sharing Tools */
/* li.print a,

 li .st_email .email {
	background-image: url(/images/icons/email-12x12.png);
	color: #716965;
}

 li .st_email .stButton,
li .st_sharethis .stButton {
	margin: 0 !important;
}
li.print a { background-image: url(/images/icons/print-12x12.png); }*/