/* Reset template from here:
v1.0 | 20080212
http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
div#container {
background-color: #FFF;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 130%;
color: #333;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
body.accountinfo {
max-width: 900px;
}
.headerleft {
height: 40px;
float: left;
}
.headercenter {
text-align: center;
font-size: 140%;
color: #777;
font-family: sans-serif;
font-weight: bold;
height: 40px;
}
.headerright {
height: 40px;
float: right;
text-align: right;
line-height: 150%;
vertical-align: middle;
}
.headerbar hr {
clear: both;
color: #BBB;
background-color: #BBB;
height: 7px;
border-style: solid;
border-bottom-width: 2px;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-color: black;
}
/* AccountInfo class for customer login pages to display account info in a table */
.accountinfo {
font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
font-size: 100%;
}
.accountinfo h2 {
font-size: 130%;
}
.accountinfo table {
border-width: 1px 2px 2px 1px;
border-style: outset;
border-color: #999;
border-collapse: collapse;
border-spacing: 0pt;
width: 100%;
}
tr.accountinfoheader {
background-color: #026; /* Royal Blue */
color: #F0F0F0;
font-size: 80%;
line-height: 110%;
}
tr.accountinfoheader td {
text-align: right;
padding: 3px;
}
tr.accountinfosummaryheader {
background-color: #026;
color: #F0F0F0;
font-size: 120%;
text-align: left;
padding: 3px 6px 3px 6px;
}
tr.accountinfosubheader {
background-color: #66F;
color: #F0F0F0;
font-size: 120%;
text-align: left;
padding: 3px 6px 3px 6px;
}
/* Odd rows on a list of investments are white background. */
tr.odd td {
background-color: #FFFFFF;
}
/* Even rows on a list of investments are gray background. */
tr.even td {
background-color: #EEEEEE;
}
.accountinfo td {
padding: 6px 6px 6px 6px;
}
/* Style setting specific to the sign in page. */
.signin {
width: 20em;
border: 1px solid #026;
padding: 10px;
text-align: right;
}
/* Used for text alignment on sign in form submission */
.signin label {
float: left;
}
.footer {
width: 90%;
padding: 6px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 80%;
color: #555;
}
.footer hr {
color: #CCC;
}
div.terms_indent {
margin-left: 25px;
}