body {
background: #fff url(background_1800.jpg) no-repeat fixed;
font: 14px/1.25em "Segoe UI", "Microsoft Sans Serif", "Lucida Sans Unicode", sans-serif;
color: #000;
}
#everything {
position: relative;
top: 2em;
margin-bottom: 4em;
padding: 1.5em 0;
width: 100%;
overflow: hidden;
background-color: #fff;
}
*>#everything {
background: url(shade.png);
}
h1 {
margin: 0 .29em .29em;
padding-right: 5px;
font-family: Corbel, "Trebuchet MS", Trebuchet, sans-serif;
font-size: 3.5em;
line-height: .7em;
letter-spacing: -5px;
text-transform: uppercase;
text-align: right;
}
h1 a, h1 a:hover {
background-color: transparent;
color: #000;
}
table {
border-collapse: collapse;
width: 100%;
font-size: .9em;
}
.small {
font-size: .8em;
line-height: .85em;
}
th {
padding: .1em .5em;
border-top: 1px solid #ccc;
border-left: 3px dashed #06c;
color: #06c;
font-size: 1.1em;
font-family: Corbel, "Trebuchet MS", Trebuchet, sans-serif;
text-transform: lowercase;
text-align: left;
vertical-align: top;
}
.top {
padding-bottom: 0;
border-bottom: none;
}
.small th {
padding: 0 .67em .45em;
}
tbody tr.hover th, tbody tr.hover td {
background-color: #e2e2e2;
}
.hidden {
font-size: .8em;
line-height: 1.25em;
}
.hidden th, .hidden td {
padding-top: 0;
padding-bottom: 0;
border-top: none;
}
.gray, .gray sup {
color: #999;
}
.gray th, .gray td {
border-top: 1px solid #ccc;
}
.gray a {
color: #e99;
}
.gray a:hover, .gray a:hover .pulldown, .gray a:hover .foreground, .gray .fadeout {
background-color: #fe9;
color: #999;
}
.gray .green, .gray .rightbarrier a {
color: #9db;
}
.right {
text-align: right;
}
.leftbarrier {
border-left: 1px dashed #d6d6d6;
}
.rightbarrier {
border-right: 1px dashed #d6d6d6;
}
.green, .rightbarrier a {
color: #095;
}
th.left {
border-left: 3px solid #06c;
}
th.right {
border-left: none;
border-right: 3px solid #06c;
}
thead th {
border: none;
border-bottom: 3px solid #095;
vertical-align: bottom;
word-spacing: -.2em;
}
thead th a, th.rightbarrier a {
color: #06c;
}
.usd, .cad {
text-indent: -999em;
background: url(usd.png) .5em 50% no-repeat;
}
.cad {
background-image: url(cad.png);
}
td {
padding: .1em .5em;
border-top: 1px solid #ccc;
vertical-align: top;
}
a {
color: #c00;
text-decoration: none;
}
table a {
display: block;
position: relative;
margin: -.1em -.5em;
padding: .1em .5em;
}
a:hover, th.rightbarrier a:hover, a:hover span {
background-color: #fc0;
color: #000;
}
*>a:active, *>a:active span {
background-color: #000;
color: #fc0;
}
.foreground {
position: relative;
z-index: 1;
}
.fadeout {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fc0;
}
.pulldown {
color: #ccc;
}
sup {
margin-left: -.5em;
color: #666;
font-size: .7em;
line-height: 0;
vertical-align: super;
}
table ul {
padding-bottom: .15em;
}
table ul strong {
font-weight: bold;
}
table ul a {
display: inline;
margin: 0 -.2em;
padding: 0 .2em;
}
h2 {
margin: .67em .67em;
color: #095;
font-family: Corbel, "Trebuchet MS", Trebuchet, sans-serif;
font-size: 1.5em;
line-height: 1em;
letter-spacing: -1px;
text-transform: lowercase;
}
p {
margin: 1em;
}
#canadian {
float: left;
margin-top: .5em;
}
#update {
float: right;
margin-top: .5em;
}
.script #update {
display: none;
}
p.right {
clear: both;
}
input {
border: none;
border-bottom: 1px dashed #000;
background: #eee url(form.jpg) no-repeat;
font-size: .9em;
font-family: "Segoe Print", "Segoe Script", "Comic Sans MS", cursive;
line-height: 1.25em;
}
table input, #canadian input {
margin: 0;
border-bottom: none;
background: transparent;
}
input:focus {
background-color: #ffd;
background-image: url(formyellow.jpg);
}
*>input, *>input:focus {
background: transparent;
}
.submit {
border: none;
background: #06c url(blue.jpg) no-repeat 50% 50%;
color: #eee;
font-size: .8em;
font-family: "Segoe UI", "Microsoft Sans Serif", "Lucida Sans Unicode";
letter-spacing: 1px;
text-transform: uppercase;
cursor: pointer;
}
#update .submit {
background-color: #c00;
background-image: url(red.jpg);
}
h3, h4 {
margin: 1em 1em .5em;
clear: both;
color: #06c;
font-family: Corbel, "Trebuchet MS", Trebuchet, sans-serif;
font-size: 1em;
text-transform: lowercase;
}
h4 {
margin: 0 1.1em;
color: #095;
}
.column {
float: left;
width: 50%;
font-size: .9em;
}
.column ul {
margin: 0 1.1em .5em;
}
.column li {
padding-left: 1em;
text-indent: -1em;
}