/* import layout and base */

@import "960.css";
@import "reset.css";
@import "text.css";

/*

/* 
	presentation wizard base styles
	default fonts, colors, images and icon;
*/

body {
	background: #787973 url(skin/bg-gradient.jpg) repeat-x fixed 0 0;
	color: #555;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0 0 20px 0;
}

.wrapper { /* wraps all of the content */
	margin: 0 auto;
	padding: 10px;
	width: 960px;
}

.header {background-color: transparent; position: relative;}
.main {background-color: #fff; border-top: solid 7px #34373e; padding: 15px 0; }

.header h1 {background: transparent url(skin/logo-header.png) no-repeat 0 0; height: 140px; margin: 0; }
.header h1 span {visibility: hidden;}

.header .status {position: absolute; right: 20px; top: 20px; text-align: right; }

a {color:#999; text-decoration:underline; }
a:hover {color: #b5a56e; }
.header a {color:#ccc; }
.header a:hover {color:#d5c58e; }

hr {background-color: #eee; border: 0; color: #eee; height: 1px; margin: .5em 0 .5em 0; }

/* = headings */
h1 {font-family:Georgia,"Times New Roman",Times,serif; font-size:2.2em; font-weight:normal; line-height:1.3em; color: #b5a56e; }
h1 small {font-family: Arial, Sans-Serif; font-size: .5em; display: block; line-height: 1.3em; margin-bottom: 0; color: #000; font-weight: bold;}
h2 {font-family:Georgia,"Times New Roman",Times,serif; font-size:1.75em; font-weight:normal; line-height: 1.3em; margin: .25em 0 .6em 0; color: #b5a56e; }
h2 small {font-family: Arial, Sans-Serif; font-size: .65em; display: block; line-height: 1.3em; margin-bottom: 0; color: #333; font-weight: normal; }
h3 {font-family:Georgia,"Times New Roman",Times,serif; font-size:1.35em; font-weight:normal; line-height:1.9em; margin: 0; }
h4 {font-family:Georgia,"Times New Roman",Times,serif; font-size:1.15em; font-weight:normal; line-height:1.9em; margin: 0; }

p.name, p.address, p.numbers, p.email {margin: 0 0 .2em 0; padding-left: .4em; position: relative; left: -.4em;}
p.numbers, p.email {padding-top: .2em; /*padding-top: .2em; border-top: solid 1px #e7e7e7;*/ }

p.success {margin: 1em 0; padding: .7em 1em; background-color: #efe; color: #090; font-weight: bold; font-size: 1.2em; line-height: 1.3; }
p.success a { font-size: .9em; }

.account {padding-top: .0em; border-top: 1px solid #b5a56e; margin-top: 2em; }

.col {width: 350px; float: left; margin-right: 15px; }
.container:after {content:'.';display:none;float:none;clear:both;visibility:hidden;}

span.right {float: right; }

.dailyquote {/*padding-bottom: 1em; border-bottom: 1px solid #eee; margin-bottom: 1.2em; */}
blockquote {/*background: transparent url(skin/quote_open.gif) 0 0 no-repeat; padding-left: 17px; position: relative; left: -17px;*/ line-height: 1.5; font-style: italic; }
blockquote p {margin: 0; }
blockquote p span.openquote {display: block; float: left; width: 17px; height: 17px; background: transparent url(skin/quote_open.gif) 0 0 no-repeat; margin-right: -17px; position: relative; left: -17px; }
blockquote p span.closequote {display: inline-block; /*float: left;*/ width: 17px; height: 15px; background: transparent url(skin/quote_close.gif) 0 0 no-repeat;  }
blockquote p.attrib {background-image: none; margin-top: 5px; color: #aaa; }

.portfolio-footer {background: url(skin/bg-footer-gradient.jpg) 0 0 repeat-x; padding-top: 1.2em; margin-top: 4em; }
.account_heading {/*background: url(skin/bg-footer-gradient.jpg) 0 0 repeat-x;*/ padding-top: 1.2em; }
.account_heading h1 {line-height: 1em; font-weight: bold; }
.account_primary_heading {background: #c8c896; color: #3f3d30; }
.account_primary_heading h1 {color: #3f3d30; font-weight: bold; padding: .25em 0; margin: 0; }
.inner-container {padding-left: 10px; }
h1 .account-id {font-size: .5em; font-weight: normal; margin-top: -.5em; }
h1 .account-type {font-size: .5em; font-weight: normal; margin-top: -.5em; }
.user-messages {background-color: #dcdc89; border: 3px solid #aaaa8c; margin: 10px; padding: 12px 10px; font-size: 1.1em; line-height: 1.3; font-weight: bold; }

.sub-account {display: none; }

.summary {margin-bottom: 1em; }
.summary ul {margin: .5em 0 0 0;}
.summary li {padding-left: 170px; font-size: 1.2em; margin-bottom: .4em; font-weight: bold; }
.summary li span.lbl {display: block; position: relative; left: -170px; margin-right: -170px; float: left; font-weight: normal; }


/* tables */

th, td {text-align: left; vertical-align: top; padding: 5px; font-weight: normal; }
th.heading {border-top: 1px solid #999; padding: 9px 3px; font-weight: bold; }
th {background-color: #e8e8b6; font-weight: bold; padding-top: 1em; vertical-align: bottom; }
tr.last th {border-bottom: 1px solid #aaaa8c; }
tr.total td.acct-name {text-align: right; }
tr.total td {border-top: 2px solid #aaaa8c; color: #000; font-weight: bold; padding-top: 1em; }

td th {background-color: #f8f8c6; padding-top: 2px; }

tr.tradelots td {padding: .25em 0 2em 0; }
tr.tradelots table td {padding: 5px; }

.acct-name {width: 250px; }
.acct-type {width: 200px; }
.acct-value {width: 200px; text-align: right; }

.back-link {font-size: 1.3em; font-weight: bold; }

/* pos-symbol + pos-name + pos-type + pos-qty + pos-costBasis + pos-price + pos-value + pos-gainloss = 940 */

.pos-symbol {width: 110px; }
.pos-name {width: 190px; }
.pos-type {width: 160px; }
.pos-qty {width: 80px; }
.pos-price {width: 120px; text-align: right; }
.pos-value {width: 120px; text-align: right; }
.pos-gainloss {width: 120px; text-align: right; }
.pos-costBasis {width: 120px; text-align: right; }
.pos-date { width: 160px; }
tr.total td.pos-name {text-align: right; }

.trans-date {width: 100px; }
.trans-symbol {width: 100px; }
.trans-name {width: 220px; }
.trans-action {width: 120px; }
.trans-qty {width: 90px; }
.trans-price {width: 170px; text-align: right; }
.trans-fee {width: 170px; text-align: right; }
			

/* lists */
ul {list-style-type: none; margin: 0 0 .7em 0; padding: 0; }
li {margin-left: 0; padding-left: 0; }


/* = scrolling list */
.scrolling-list {overflow: auto; }
.article-list .scrolling-list {height: 100px; }

/* = forms */
fieldset {
	border-top:1px solid #e3e3e3;
	padding: 12px 0px 10px 0px;
	margin: 5px 0;
}
legend {color: #c3c3c3; font-size: 1.4em; font-weight: bold; margin-bottom: 8px; margin-left: 10px; padding: 3px 10px; }
fieldset p {padding-left: 130px; margin-bottom: 8px;}
fieldset p.instruct {padding: 0; margin-bottom: 12px; }
fieldset p:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
fieldset p label {position: relative; left: -130px; margin-right: -125px; float: left; width: 122px; border-right: 3px solid #e3e3e3; line-height: 1.7em;}
fieldset p.checkbox label {left: 0; margin-right: 0; width: auto; float: none; border-width: 0; }

/* = errors */
.field-validation-error {color: #c00; border-left: 3px solid #c00; padding-left: .5em; margin-left: 2px; line-height: 1.7em; }
.input-validation-error { background-color: #fed; font-weight: bold; }
.validation-summary-errors {color: #c00; border: 1px solid #c00; background: #ffd; padding: 10px 12px; margin: 10px 0; border: 1px solid #c00; }
span.validation-summary-errors {display: block; margin-bottom: 0; border-bottom-width: 0; }
ul.validation-summary-errors {margin-top: 0; border-top-width: 0; }
.success {background-color: #d7efd7; border: 1px solid #cdc; color: #030; margin: 10px 0 10px; padding: 7px 12px; }
.error {border: 1px solid #daa; color: #300; margin: 10px; padding: 7px 12px 0px 28px; background: #fdd url(images/exclamation.png) 7px 7px no-repeat; }
.notice {border: 1px solid #dda; color: #660; margin: 10px; padding: 7px 12px 0 28px; background: #ffd url(images/error.png) 7px 7px no-repeat; }
.message {border: 1px solid #aad; color: #009; margin: 0 0 10px 0; padding: 5px; background: #ddf; }
.progress {border: 1px solid #ddd; color: #999; margin: 0 0 10px 0; padding: 7px 12px 0px 20px; background: #f3f3f3 url(images/loader_arrows.gif) 5px 7px no-repeat; }