/*------------ general markup rules ------------*/ /*------------ general markup rules ------------*/ /*------------ general markup rules ------------*/ body { font-size: 10px; margin: 0em; padding: 0em; color: #4D4D4D; background-color: #FFFFFF; font-family: Arial, helvetica, verdana, sans-seriff; line-height: 1.6em; } a img { border: none; } a { cursor: pointer; color: #0DAE2B; text-decoration: underline; } h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0em; padding: 0em; } blockquote { font-size: 1em; margin: 0em; padding: 0em; } ul, ul, li, a, p, dl, dt, dd { font-size: 1em; margin: 0em; padding: 0em; } ul, ol, li, dl, dt, dd { font-size: 1em; margin: 0em; padding: 0em; display: block; list-style-type: none; } div.clearAll { clear: both; } p.clearAll { clear: both; } /*------------ major block element rules ------------*/ /*------------ major block element rules ------------*/ /*------------ major block element rules ------------*/ #site-wrapper { width: 78em; margin: 1.2em auto 0em auto; position: relative; top: 0em; left: 0em; } #head { position: relative; width: 78em; height: 9.3em; left: 0em; top: 0em; } #body { position: relative; width: 78em; height: 37.7em; left: 0em; top: 0em; } #body-content { position: absolute; width: 78em; height: 30em; left: 0em; top: 0em; overflow: hidden; } #body-banner { position: absolute; width: 78em; height: 7.5em; left: 0em; top: 30em; } #body-banner img { width: 78em; height: 7.5em; } #foot { position: relative; width: 78em; left: 0em; top: 5.1em; } #site-background { position: absolute; top: 0em; left: 0em; width: 78em; height: 52.1em;} /*------------ header element rules ------------*/ /*------------ header element rules ------------*/ /*------------ header element rules ------------*/ #head-logo { position: absolute; height: 2.8em; top: 0.8em; left: 1.1em; width: 18.4em; height: 2.8em; } #head-logo img { width: 18.4em; height: 2.8em; } #head-clientLogin { float: right; } #head-clientLogin img { width: 12.2em; height: 2.8em; margin-top: 0.8em; margin-right: 1.0em; } #head-getStarted { float: right; } #head-getStarted-img { width: 12.5em; height: 2.8em; margin-top: 0.8em; margin-right: 1.0em; } #head-mainSite { height: 2.8em; top: 0.8em; left: 40.7em; padding-top: 1.4em; padding-right: 1em; color: #666666; float: right; white-space: nowrap; } #head-mainNav { position: absolute; height: 2.9em; width: 78em; top: 6.3em; } #head-mainNav li { display: inline; margin-right: -0.3em; height: 2.9em; } #head-mainNav li a { display: inline; } #head-mainNav li a img { display: inline; height: 2.9em; } /*------------ major body element rules ------------*/ /*------------ major body element rules ------------*/ /*------------ major body element rules ------------*/ #body img#heroHome { position: absolute; top: 0em; left: 0em; width: 78em; height: 30.3em; } #body div.body-contBox { position: absolute; top: 3.6em; left: 28.7em; width: 48.6em; height: 25.1em; } #body div.body-contBox img.contBox-bg { position: absolute; top: 0em; left: 11.6em; width: 37em; height: 25.1em; } #body .body-contBox .body-subNav { display: block; position: relative; width: 12em; height: 4.1em; vertical-align: middle; } body#special #site-wrapper #body .body-contBox .body-subNav { display: none; } #body .body-contBox .body-subNav li { display: block; position: relative; width: 12em; height: 4.1em; top: 2.8em; margin-bottom: -0.2em; } #body .body-contBox .body-subNav li img { position: absolute; top: 0em; left: 0em; width: 12em; height: 4.1em; } #body .body-contBox .body-subNav li a { color: #4D4D4D; position: absolute; top: 0.4em; left: 1.1em; width: 9.2em; height: 3.1em; text-decoration: none; line-height: 1.15em; } #body .body-contBox .body-subNav li a.iconIndent { left: 3.1em; width: 7.2em; } #body .body-contBox .body-subNav li.current a, #body .body-contBox .body-subNav li a:hover { color: #0DAE2B; } #body .body-contBox .body-subNav li a span { display: table-cell; font-size: 1.1em; vertical-align: middle; height: 2.9em; padding-left: 1px; } *+html #body .body-contBox .body-subNav li a span { line-height: 1.25em; } /* subcontent styling must apply for both passive and active state (for js-disabled experience) */ #body .body-contBox .body-subCont { display: block; position: absolute; top: 0.5em; left: 12em; width: 35.8em; height: 21.3em; overflow: auto; } /* overflow: auto; height: 20.4em; */ body#special .body-contBox .body-subCont { overflow: hidden; } #body .body-contBox .body-subCont .body-contSect-p { display: block; clear: both; } #body .body-contBox .body-subCont .body-contSect-a { display: block;} #body .body-contBox .body-subCont .body-contSect-a h2, #body .body-contBox .body-subCont .body-contSect-p h2 { font-size: 1.6em; font-weight: normal; padding: 1.0em 1.2em 0.2em 1.2em; line-height: 1.2em; color: #009500; } #body .body-contBox .body-subCont .body-contSect-a h2.borderGrn, #body .body-contBox .body-subCont .body-contSect-p h2.borderGrn { font-size: 1.6em; font-weight: normal; padding: 0.9em 1.2em 0.6em 1.2em; line-height: 1.2em; color: #009500; background-image: url('../img/gen-contBox-horzRuleTop.gif'); background-position: left bottom; background-repeat: repeat-x; } #body .body-contBox .body-subCont .body-contSect-a h2.border, #body .body-contBox .body-subCont .body-contSect-p h2.border { font-size: 1.7em; font-weight: normal; padding: 0.2em 0em 0.4em 0.9em; margin: 0em; color: #4D4D4D; background-image: url('../img/gen-contBox-horzRuleTop.gif'); background-position: left bottom; background-repeat: repeat-x; } #body .body-contBox .body-subCont .body-contSect-a h3, #body .body-contBox .body-subCont .body-contSect-p h3 { font-size: 1.1em; font-weight: normal; padding: 0.8em 1.4em 0.4em 1.4em; color: #666666; } #body .body-contBox .body-subCont .body-contSect-a p, #body .body-contBox .body-subCont .body-contSect-p p { font-size: 1.1em; font-weight: normal; padding: 0.1em 1.4em 0.4em 1.4em; color: #666666; } #body .body-contBox .body-subCont .body-contSect-a img.inline, #body .body-contBox .body-subCont .body-contSect-p img.inline { float: left; margin: 0.5em 2.0em 0.0em 1.5em; } #body .body-contBox .body-subCont .body-contSect-a img.colImg, #body .body-contBox .body-subCont .body-contSect-p img.colImg { width: 13.7em; height: 17.8em; float: left; padding: 0.9em 1.4em 0em 1.5em; margin-top: 1.3em; margin-right: 1.4em; border-right: 0.1em solid #CCCCCC; } #body .body-contBox .body-subCont .body-contSect-a p img.inline, #body .body-contBox .body-subCont .body-contSect-p p img.inline { margin-left: 0.0em; } #body .body-contBox .body-subCont .body-contSect-p ul.bullets, #body .body-contBox .body-subCont .body-contSect-a ul.bullets { font-size: 1.0em; font-weight: normal; margin: 0.1em 1.4em 0.4em 3em; padding: 0em 0em 0em 0em; color: #666666; display: block; } #body .body-contBox .body-subCont .body-contSect-p ul.bullets li, #body .body-contBox .body-subCont .body-contSect-a ul.bullets li { font-size: 1.1em; font-weight: normal; margin: 0.0em 0.0em 0.4em 0.0em; padding: 0em 0em 0em 0em; color: #666666; display: list-item; list-style-image: url('../img/gen-contBox-bullet.gif'); } #body .body-contBox .body-subFoot { display: block; position: absolute; bottom: 1.2em; left: 12em; width: 35.8em; height: 2.1em; background-image: url('../img/gen-contBox-horzRuleBot.gif'); background-position: left top; background-repeat: repeat-x; } #content-left { position: absolute; left: 4.1em; top: 5.9em; width: 21.7em; } #content-left h1 { position: relative; color: #4D4D4D; font-size: 1.7em; font-weight: normal; margin: 0em 0em 0.5em 0em; padding: 0em 0em 0em 0em; line-height: 19px; } #content-left h2 { position: relative; color: #0DAE2B; font-size: 1.7em; font-weight: normal; margin: 0em 0em 0.5em 0em; padding: 0em 0em 0em 0em; } #content-left p { position: relative; color: #4D4D4D; font-size: 1.1em; margin-bottom: 1em;} #content-left p a { position: relative; color: #0DAE2B; } body#special #content-left { width: 34em; } body#welcome-sam #content-left { top:4em; } body#welcome-sam #content-left h1 { font-size: 2.5em; line-height: 1.2em; } body#welcome-sam #content-left p { font-size: 1.2em; margin-right: 2em; margin-left: 0.3em; line-height: 1.5em; } /*------------ legal content rules ------------*/ /*------------ legal content rules ------------*/ /*------------ legal content rules ------------*/ #foot #legalContent { padding: 4em 0.5em; margin-bottom: 4em; } #foot #legalContent p { font-size: 1.1em; line-height: 1.3em; margin: 0em 0em 0.9em 0em; color: #999; } /*------------ linkage class rules ------------*/ /*------------ linkage class rules ------------*/ /*------------ linkage class rules ------------*/ a.link-learnMore { font-size: 10px; text-decoration: none; color: #FF7E00; padding: 0em 1em 0em 0em; background-image: url('../img/icn-learnMore.gif'); background-position: right 0.1em; background-repeat: no-repeat; } a.link-learnMore:hover { text-decoration: underline; } a.link-backTo { font-size: 10px; text-decoration: none; color: #999999; display: block; margin: 0.4em 0em 0em 1.5em; } a.link-backTo:hover { text-decoration: underline; } a.link-getStartedBtn { position: absolute; top: -1em; right: 1em; width: 11.4em; height: 2.1em; } a.link-getStartedBtn img { width: 11.4em; height: 2.1em; } a.link-openAccountBtn { position: absolute; top: -1em; right: 1em; width: 16.1em; height: 2.1em; } a.link-openAccountBtn img { width: 16.1em; height: 2.1em; } #link-backhome { position: absolute; display: block; top: 26.0em; left: 3.5em; width: 12.9em; height: 3em; } #link-backhome img { width: 12.9em; height: 3em; } /*------------ other miscellaneous rules ------------*/ /*------------ other miscellaneous rules ------------*/ /*------------ other miscellaneous rules ------------*/ span.green { color: #0DAE2B; } span.blue { color: #51C4FD; } span.grey { color: #4D4D4D; } span.trademark { white-space: nowrap; font-size: 1em ! important; } #body .body-contBox .body-subCont .body-contSect-a h2.quote, #body .body-contBox .body-subCont .body-contSect-p h2.quote { color: #0DAE2B; } #body .body-contBox .body-subCont .body-contSect-a h3.quote, #body .body-contBox .body-subCont .body-contSect-p h3.quote { color: #0DAE2B; } #body .body-contBox .body-subCont .body-contSect-a p.quote, #body .body-contBox .body-subCont .body-contSect-p p.quote { color: #0DAE2B; } div#swf-content { display: block; position: absolute; width: 780px; height: 300px; top: 0em; left: 0em; padding: 0.0em 0em 0em 0.0em; margin: 0em 0em 0em 0em; } div#swf-content object, div#swf-content embed { position: relative; margin: 0em 0em 0em; padding: 0em 0em 0em; top: 0em; left: 0em; } div#swf-banner { display: block; position: absolute; width: 77.0em; height: 7.5em; top: 30em; left: 0em; padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; } div#swf-banner object, div#swf-banner embed { position: relative; margin: 0em 0em 0em; padding: 0em 0em 0em; top: 0em; left: 0em; } p.strong { font-weight: bold; } p.emphasis { font-style: italic; } p.legal { font-style: italic; } img.callout-999 { margin: 2em 0em 0em -0.8em; width: 17.3em; height: 2em; } table.offerTable { border: 0em; margin: 0em; padding: 0em; width: 35.8em; position: relative; top: 0.0em; } table.offerTable tr { border: 0em; margin: 0em; padding: 0em; } table.offerTable tr td { border: 0em; margin: 0em; padding: 0em; height: 4.2em; padding: 0em 0.5em 0em 0.5em; font-size: 1.2em; line-height: 1.3em;} table.offerTable tr td.first { font-size: 1.2em; border-right: 0.1em solid #ccc; width: 13em; } table.offerTable tr td.last { font-size: 1.2em; border-left: 0.1em solid #FFF; } table.offerTable tr.top td { border-bottom: 0.1em solid #FFF; } table.offerTable tr.top td.first { } table.offerTable tr.top td.last { } table.offerTable tr.mid td { border-top: 0.1em solid #CCC; border-bottom: 0.1em solid #FFF; } table.offerTable tr.mid td.first { } table.offerTable tr.mid td.last { } table.offerTable tr.mid td.double { padding: 0em; font-size: 10px ! important; height: 2.2em; line-height: 0em; border: none; } table.offerTable tr.mid td.double img { height: 2.2em; } table.offerTable tr.bot td { border-top: 1px solid #CCC; } table.offerTable tr.bot td.first { } table.offerTable tr.bot td.last { } table.offerTable tr.contd td { border-top: none; border-bottom: none; height: 2em; } #btn-persona-beginner { position: absolute; top: 16.8em; left: 10.9em; width: 15.8em; height: 7em; text-decoration: none; } #btn-persona-beginner img { position: absolute; top: 0.0em; left: 0.0em; width: 156px; height: 71px; text-decoration: none; } #btn-persona-beginner span.label { font-size: 1.2em; left: 1.8em; top: 0.6em; display: block; position: absolute; width: 10.4em; height: 3.5em; color: white; text-decoration: none; } #btn-persona-intermediate { position: absolute; top: 16.8em; left: 30.5em; width: 15.8em; height: 7em; text-decoration: none; } #btn-persona-intermediate img { position: absolute; top: 0.0em; left: 0.0em; width: 156px; height: 71px; text-decoration: none; } #btn-persona-intermediate span.label { font-size: 1.2em; left: 1.8em; top: 0.6em; display: block; position: absolute; width: 10.4em; height: 3.5em; color: white; text-decoration: none; } #btn-persona-activetrader { position: absolute; top: 16.8em; left: 51.0em; width: 15.8em; height: 7em; text-decoration: none; } #btn-persona-activetrader img { position: absolute; top: 0.0em; left: 0.0em; width: 156px; height: 71px; text-decoration: none; } #btn-persona-activetrader span.label { font-size: 1.2em; left: 1.5em; top: 0.6em; display: block; position: absolute; width: 11.4em; height: 3.5em; color: white; text-decoration: none; } #btn-clicktobegin { left: 32.5em; top: 16.7em; display: block; position: absolute; width: 19.4em; height: 15.6em; text-decoration: none; } #btn-clicktobegin img { left: 0.0em; top: 0.0em; display: block; position: absolute; width: 19.4em; height: 15.6em; text-decoration: none; } #btn-clicktobegin span.label { font-size: 1.3em; left: 1.0em; top: 0.6em; display: block; position: absolute; width: 13.2em; height: 3.5em; color: white; text-decoration: none; } /*#swfBlocker { position: absolute; top: 0em; left: 0em; height: 2em; width: 78em; background-image: url('../img/blank.gif'); }*/ #swfBlocker { position: absolute; top: -0.5em; left: 0em; height: .5em; width: 78em; background-image: url('../img/blank.gif'); } #offerTableOr { position: absolute; top: 15.7em; left: 7.2em; width: 2.5em; height: 1.6em; display: block; z-index:100; background-color: #FFF; text-align: center;} h2.trypych img { position: absolute; top: 1.5em; left: 23.5em; } body#special sup { position: relative; margin-top: -1em; font-size: 0.6em; } body#special sup.reg { font-size: 0.8em ! important; }