* {margin: 0}
html, body {height: 100%}
body {color: #333333; font-size: 80% !important; font-family: Arial, sans-serif !important}
body.accounts_new #wrap{ background-color: #fff !important}
.grey-body {background-color: #E5E5E5}
h1 {font-size: 170%; margin-bottom: 10px; color: #58A618}
h2 {font-size:150%; margin: 10px 0; color: #144f8d}
h3 {font-size: 120%; color: #333333; font-weight:bold; margin: 20px 0 10px 20px}
h2 span{ font-size: 74%; color: #333333; font-weight: normal}
ul, ol {}
ol li{ list-style-type: decimal; margin-left: 40px}
ul li, ol li {line-height: 23px; margin-bottom: 10px}
hr {width:100%; float: left}
a, a:link {color: #7d7d7d}
a:hover {text-decoration:none}
a.image img{ padding-right:10px; margin-bottom: -3px}
.body-bg{ position: absolute; left:0; width:100%; float: left; background: #2768b1 url(/images/backgrounds/body.gif) repeat-y top center !important}
.wrap{ text-align: left; width: 1046px; margin: 0 auto; background-color: #fff; height: auto; min-height: 100%}
#header {height: 90px; margin: 0; overflow: hidden}
#header h1#logo {display: block; width: 225px; height: 76px; margin-top: 0; float: left}
#header h2#tagline{ text-indent: -9999px; background: url(/images/text/knowledge-based-investing.gif) no-repeat left; width: 216px; height: 19px; float: left; padding: 0; margin: 54px 0 0 0px}
#header #login_header {float: right; height: 25px; margin: 10px 0 0 0; text-align: right; font-size: 100%; width: 330px; padding: 0}
#header #login_header a{ color: #7d7d7d; text-decoration: none; margin-right: 20px}
#header #login_header #login_greeting {padding: 0}
#header #login_header #login_greeting form {width: 317px; float:right; clear: both; display: inline}
#header #login_header #login_greeting form dl {float: left; display:inline; overflow: hidden; padding: 0 0 1px 0}
#header #login_header #login_greeting form dl dt{ width: 220px; float: left; padding: 1px 2px 0 0}
#header #login_header #login_greeting form dl dd{ width: 80px; float: left}
#header #login_header #login_greeting form dl dd a.button{ width: 70px}
#header #login_header span{ margin: 0; float: right}
#header #login_header h1{ height: 25px; padding: 10px 0 2px 0; margin: 0; font-size: 160%; width: auto; margin-right:20px}
#header #login_header h1 span{ color: #7b7b7b; border-bottom: 1px solid #c8c8c8}
#header #login_header p{ float: right; text-align: right}
#header #login_header input{ border:1px solid #C8C8C8; color:#555555 !important; font-family: Arial,sans-serif !important; width:100px}
#header #login_header dl {margin: 10px 0 0 0; float:right; padding-right: 10px}
#header #login_header dl dt{ float: left; clear: both; text-align: right; padding-right: 3px; margin: 0; width: 280px}
#header #login_header dl dd {float: right; height: 20px !important; padding-top: 1px}
#header #login_header dl dd a {margin: 0 3px 0 0}
#header #login_header dl dd a span{ float:none}
#header #login_forgot{ margin: 7px -5px 0 0; padding: 0; float: right; text-align: right}
form label {padding: 0 !important; font-weight: normal; width: 200px; float: left; font-size: 10pt !important; text-align: right; padding-right: 20px !important; background: url(/images/backgrounds/label-stripes.gif) 0 0}
form p {display:block}
form div.sub {float: left; width: 75px; height: 25px; line-height: 25px; margin: 0 !important; padding: 0}
form p.plain, form p.clear{ background: none}
form input.text {background-color:#fff; height: 17px; padding: 3px; font-size:12px; width: 347px; color:#333333; border: 1px solid #c8c8c8}
form textarea {background-color:#fff; font-size:12px; width: 352px; height: 100px; margin: 0; color:#333333; border: 1px solid #c8c8c8}
form input.phone {padding-left: 17px; background: #fff url(/images/backgrounds/plus.gif) no-repeat 0 3px; border: 1px solid #ccc}
div.block {width: 565px}
#wrap {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 0}
#main {padding-top: 20px; padding-bottom: 50px; min-height: 580px}
#pitch {width: 460px; float: left; margin-bottom: 10px; font-size: 110%; margin-top: 15px; color: #333333}
#pitch p{ width: 450px; margin-bottom: 20px}
#pitch h1{ font-size: 220%; color: #58A618}
#pitch h2{ color: #333333; line-height: 28px !important; margin-bottom: 20px}
#pitch ul{ margin-left: 0px}
#pitch ul li{ margin-bottom: 10px}
#pitch .controls{ height: 70px; width: 460px}
#pitch a#sign-up-now span {float: left}
#pitch .controls #signup-link{ float: left; display: inline}
#pitch .controls #tour-link {float: left; width: 170px; line-height: 30px; text-align: left; font-size: 150%; padding-left: 0px; display: block}
#pitch .controls #tour-link a{ float: none}
#screencast {width: 480px; height: 380px; margin-top: 20px; float: right; background: url(/images/backgrounds/screencast.png) no-repeat 0 0}
#belt {float:left; width: 100%; height: 146px; margin: 20px 0; background: url(/images/backgrounds/belt.gif) repeat-x left; text-align: left}
#belt ul, #belt h2{ width: 400px}
#belt .controls{ margin-top: 40px; float: right; width: 445px}
#belt .controls p {margin-left: 40px }
#content {margin: 0; padding: 0; float: left; clear: both; width: 100%; min-height: 400px}
#content p{ color: #333333; line-height: 23px; margin-left:20px}
form#reset_password_form{ width: 600px; margin-left: 10px; height: 25px; float: left}
form#reset_password_form label{ margin-top: 5px; display: inline}
form#reset_password_form button{ margin-top: -10px; display: inline; position: relative}
form#reset_password_form .controls {margin-top: 5px}
form#reset_password_form input.text{ width: 250px; display: inline}
#about ul li{ list-style-type: disc; margin-left: 20px}
#how {margin-top: 50px; width: 50%; float: left}
#return_policy{ margin-top: 50px; width: 44%; float: right}
#action-bar {float: left; height: 127px; width: 100%; margin-bottom: 30px; background: url(/images/backgrounds/action-bar.gif) no-repeat 0 0}
#action-bar ul{ margin: 10px 0 0 60px; width: 800px}
#action-bar ul li{ width: 235px; float: left; display: inline; color: #006699}
#action-bar .button{ float: right; margin: 25px 100px 0 0; width: 145px}
#content #how_it_works {float: left; width: 460px; margin-right: 20px}
body.main #content #how_it_works {width: 440px; margin-right: 0px}
#content #how_it_works h1 {margin-top: 0 !important}
#recent_messages{ float: right; width: 440px}
#recent_messages ul.messages li {padding: 5px; margin-bottom: 5px; font-size: 110%}
div#messages {background-color: #ededed; margin: 15px 0 0 0; padding: 20px 0; float: left; width: 450px}
div#messages dl{ height: 390px; overflow:hidden}
div#messages dl dt{ float: left; width: 110px; text-align: right; font-size: 92%}
div#messages dl dd{ width: 325px; margin: 0 0 0 120px; padding: 0}
div#messages dl dd.divider{ height: 1px; overflow: hidden; width: 100%; background-color: #d5d5d5; margin: 10px 0; padding: 0; border-bottom: 1px solid #fff}
#content #signup {width: 410px; float: right; padding-top: 30px; margin-right: 10px}
#content #signup h2{ color: #f44928}
#content #signup ul li{ color: #002a66; width: 350px; list-style-type: disc; margin-left: 18px; margin-bottom: 15px}
#dashboard {width: 100%; float: left}
#dashboard .right{ text-align: right}
#dashboard .col{ width: 450px}
#dashboard .testimonial{ background-color: #e9f2fd; padding: 10px; width: 430px; margin-bottom: 10px}
#dashboard span {float:left}
#dashboard h2{ margin: 10px 0 10px 0}
#user {margin-top: 10px; display: block}
#content #faq{ float: right; width: 350px}
#content #faq h2{ font-size: 100%; font-weight: bold}
#content #faq p {font-size: 92%}
h2#thanks{ height: 53px; width: 951px; margin-bottom: 0; text-indent: -9999px; background: url(/images/text/thanks.gif) no-repeat left}
#contact #sidebar{ float: left; width: 300px}
#contact #sidebar p{ text-align: left}
#contact #contact_content{ width: 625px; float: left; text-align:left}
#contact #contact_form .block{ margin-top: 10px; float:right}
#contact #contact_content .controls{ width: 565px; float: none}
#contact #contact_form label{ width: 190px !important; float: left; text-align: left; margin-right: 0}
#login-box .block{ margin-top:10px; width: 480px; float: left }
#login-box label {width: 100px !important; padding-left: 0 !important; text-align: left}
#login-box input.text {width: 300px}
#login-box h1 {margin-bottom: 20px}
#login-box dd span.meta {font-size: 88%}
#login-box #remember_me {float: none; clear: none; margin-right:10px}
.flash-notice, .flash-error{ padding: 6px; margin-bottom: 10px}
.flash-notice {border: 1px solid rgb(253, 204, 104); background-color: #FFFFC0; color: #000}
.flash-error {background: rgb(204, 0, 0); border: 1px solid rgb(204, 153, 153); padding: 5px 10px; color: #FFFFFF; font-size: 120%}
.errorExplanation {border: 1px solid rgb(253, 204, 104); background-color: #FFFFC0; color: #000; padding: 5px; margin-bottom: 10px}
.errorExplanation h2{ color: #000; height: 30px !important; text-indent: 0px !important}
.errorExplanation ul {padding-left: 20px}
.errorExplanation ul li {margin: 0; list-style-type: disc; text-align:left}
.meta{ font-size: 92%}
.comment {width: 380px; height: 194px; background: url(/images/backgrounds/comment-bubble.gif) no-repeat left; padding: 30px 0 0 25px; display: block}
.comment li, .bubble li{ line-height: 15px}
.bubble {width: 337px; height: 158px; background: url(/images/backgrounds/bubble.gif) no-repeat left; padding: 10px 0 0 17px}
.right {float: right}
.left {float: left}
.green {color: #3db10e}
.controls {margin: 10px 0 0 0; padding: 0 0 0 4px; height: 20px; text-align: right}
ul.squares li {margin-left: 16px; list-style-image: url(/images/backgrounds/bullets-stripes-small.gif)}
h2.squared {background: url(/images/backgrounds/bullets-stripes.gif) no-repeat left 3px; padding-left: 20px; margin-bottom: 10px}
h2.squared span {font-size: 10pt}
h3.striped {background: url(/images/backgrounds/column-stripes.gif) repeat-x left; font-size: 100% !important; font-weight: bold !important; padding: 2px 2px 2px 5px !important; color: #01204d; margin: 20px 0 10px 0 !important; line-height: 25px}
div.section{ height: 1px; overflow:hidden; background-color: #e1e1e1; border-bottom: 1px solid #fff; width: 100%; margin: 10px 0; float: left}
p.important {font-weight: bold}
div.hidden {display: none}
body.whoops{ font-size: 100%}
body.whoops #header{ }
body.whoops #map{ text-align: right; float: left; width: 20%; margin-right: 40px}
body.whoops #map ul li{ list-style: none}
body.whoops #dialog{ float: left; width: 70%}
#feedback_button{ position: absolute; width: 32px; height: 115px; top: 260px; left:0}
#feedback{ background-color:#efefef; width:425px}
input#feedback_message{ padding: 4px; margin-bottom: 10px; width: 450px; font-size: 11pt; float:left; color: rgb(128, 128, 128)}
#feedback_form{ background-color:#efefef; width:415px; margin: 0 auto; float:left; text-align:left}
#feedback_form h2{ font-size: 12pt; margin-bottom: 15px}
#feedback_form form{ padding:0; margin: 0; float:left}
#feedback_form input.text{ margin-bottom: 5px; width: 417px}
#feedback_form textarea{ height: 100px; padding: 5px; font-size: 14pt; width: 414px; margin:0; margin-bottom: 5px; font-size: 10pt; float:left}
#feedback_response h2 {color: #F44928}
#feedback_spinner{ padding-top: 25px; position: relative}
#footer {padding-top: 10px; float: left; font-size: 88%; clear: both; width: 100%; height: 210px; color: #7e7e7e; background-color: #e8e8e8}
#footer h2{ margin: 0; font-size: 100%; color: #747474; font-weight: bold}
#footer .col {float:left; margin-right: 40px; padding-bottom: 0; background-color: #e8e8e8}
#footer a:link, #footer a:visited{ color: #4183C4}
#footer a:hover{ text-decoration:none}
#footer p {padding: 0; float: left; margin-top: 5px; line-height: 18px}
#footer ul {padding-top: 5px; float: left}
#footer ul li {margin: 0 10px 0 0}
#footer #support {width: 220px; float: left; margin: 0}
#footer #copyright{ width: 330px; padding-top: 0; text-align: right; display: inline; float: right}
a.button, span.button {display: block; font-family: Arial,sans-serif !important; float: left; margin-right: 6px; padding: 0 10px 0 0; text-decoration: none; color: #FFF !important; font-weight: normal; outline: none}
span.button {padding: 3px 10px 4px 0}
span.button button {display: block; padding: 0 0 0 20px; white-space: nowrap; border: 0; margin: 0; text-decoration: none; color: #fff; cursor: pointer; overflow: hidden; text-align: center; outline: none}
button[class] {width: auto}
a.button span{ display: block; margin: 0; cursor: pointer; line-height: 15px; text-align: center; padding: 7px 0 5px 14px}
span.button button{ position: relative; top: 0; display: inline; height: 22px; line-height: 15px}
a.button.small, span.button {height: 21px; display: inline-block; background: transparent url(/images/buttons/right_small_green.gif) no-repeat scroll top right}
button.small span{ height: 22px; display: inline-block}
a.button.small:hover, span.button.small:hover, button.small:hover {background: transparent url(/images/buttons/right_small_green_rollover.gif) no-repeat top right !important}
a.button.small:active, span.button.small:active{ background: transparent url(/images/buttons/right_small_green_pressed.gif) no-repeat top right}
a.button.small span, span.button button{ font-size: 8pt; background: transparent url(/images/buttons/left_small_green.gif) no-repeat top left; padding: 3px 0 3px 10px;}
a.button.small span:hover, span.button.small button:hover, button.small span:hover {background: transparent url(/images/buttons/left_small_green_rollover.gif) no-repeat top left !important}
a.button.small span:active, span.button.small button:active {background: transparent url(/images/buttons/left_small_green_pressed.gif) no-repeat top left}
a.button.small.silver, span.button.small.silver{ background: transparent url(/images/buttons/right_small_silver.gif) no-repeat top right}
a.button.small.silver span {color: #fff; background: transparent url(/images/buttons/left_small_silver.gif) no-repeat}
a.button.small.silver:hover, button.small.silver:hover {background: transparent url(/images/buttons/right_small_silver.gif) no-repeat top right !important}
a.button.small.silver span:hover, span.button.small.silver button:hover{ background: transparent url(/images/buttons/left_small_silver.gif) no-repeat top left !important}
a.button.small.blue, span.button.small.blue button {background: transparent url(/images/buttons/right_small_blue.gif) no-repeat scroll top right;}
a.button.small.blue span {background: transparent url(/images/buttons/left_small_blue.gif) no-repeat}
a.button.small.blue span:hover, span.button.small.blue button:hover{ background: transparent url(/images/buttons/left_small_blue_rollover.gif) no-repeat top left !important}
a.button.small.blue:hover, button.small.blue:hover {background: transparent url(/images/buttons/right_small_blue_rollover.gif) no-repeat scroll top right !important}
a.button.small.blue span:active, button.small.blue span:active{ background: transparent url(/images/buttons/left_small_blue_pressed.gif) no-repeat top left}
a.button.small.blue:active, button.small.blue:active {background: transparent url(/images/buttons/right_small_blue_pressed.gif) no-repeat scroll top right}
a.button.med, button.med{ font-size: 1em; background: transparent url(/images/buttons/right_med_blue_arrow.gif) no-repeat scroll top right; padding-right: 40px}
a.button.med span, button.med span{ font-size: 14pt; height: 36px; text-transform: lowercase; background: transparent url(/images/buttons/left_med_blue.gif) no-repeat; padding: 10px 0 5px 15px;}
a.button.med.green, button.med.green{ padding-right: 30px; background: transparent url(/images/buttons/right_med_green.gif) no-repeat scroll top right;}
a.button.med.green span, button.med.green span{ font-size: 14pt !important; padding: 15px 0 5px 30px !important; background: transparent url(/images/buttons/left_med_green.gif) no-repeat;}
a.button.tall, button.tall{ font-size: 1em; background: transparent url(/images/buttons/right_tall_green.gif) no-repeat scroll top right; padding-right: 15px}
a.button.tall em, button.tall em{ font-size: 18pt;}
a.button.tall span, button.tall span{ font-size: 12pt; line-height: 16px; height: 55px; background: transparent url(/images/buttons/left_tall_green.gif) no-repeat; padding: 10px 0 5px 15px;}
.controls {text-align: right; float: right}
.controls span.button {display: inline; padding: 1px 10px 2px 0; float: left}
.controls span.button button{ padding-top: 0px !important; margin-top: -1px !important; float: none}
body.accounts_edit span.button {width: 140px}
#nav {height: 32px; background: #FFFFFF url(/images/backgrounds/header.gif) repeat-x; color: #00347f; font-family: Arial, Helvetica, sans-serif}
#nav_container {width: 260px; overflow: hidden; height: 48px; position:relative; float: left}
#nav ul {width: 935px; height: 20px; overflow: hidden; position: relative; top: 5px; padding: 0}
#nav ul li{ float: left; overflow: hidden}
#nav ul li a{ height: 18px; font-size: 12pt; color: #6f6f6f; text-decoration: none; margin-right: 30px}
#nav ul li a:hover, body.main_index li#home-tab a, body.how li#how-tab a, body.accounts_plan li#plans-tab a, body.accounts_edit li#account-tab a, body.funds_index #nav li#browse-tab a{ color: #3b7fc9}
#nav li#browse-tab {height: 54px; top: -16px; position:relative; margin-right: 0}
#nav li#browse-tab a {top: 16px; position: relative; margin-right: 0}
#nav li#account-tab {height: 54px; top: -16px; position: relative}
#nav li#account-tab a {top: 16px; position: relative}
#nav #locale {margin: 8px 20px 0 0; padding: 0px; font-size: 10pt; color: #6f6f6f}
#nav #locale a{ margin-right: 0; color: #3b7fc9; text-decoration: none}
#plans {display: inline; float:left; margin: 20px 0 0 0; padding-top: 7px}
#plans .plan {color: #333333; float: left; width: 90px; overflow: hidden}
#plans .header {color: #FFF; height: 71px; width: 100px; float: left; margin: 0; padding: 5px; text-align: center; line-height: 20px}
#plans .header span{ color: #fff; font-size: 125%; padding-bottom: 5px}
#plans .header small{ font-size: 70%}
#plans .plan ul{ float: left; font-size: 120%; width: 90px}
#plans .plan ul li{ margin:0; padding: 0; height: 30px !important; line-height: 30px !important; text-align: center; overflow: hidden; border-bottom: 1px solid #ccc}
#plans .plan ul li img{ margin-top: 4px}
#plans .plan ul li a{ float: right}
#plans .plan ul li small{ font-size: 90%; color: #144f8d}
#plans .plain ul, #plans .plain{ width: 300px; margin-top: -2px}
#plans .plain ul{ border-top: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; margin-top: 0}
#plans .plan ul.last {border-right: 1px solid #c6c6c6; width: 89px}
#plans .plain ul li{ background: transparent url(/images/backgrounds/column-stripes.gif) repeat-x top left; text-align: left; color: #424242; margin: 0; padding: 0 5px 0 10px; overflow: hidden}
#plans .plain ul li span {float: left}
#plans .plain ul li a{ position: relative; float: right}
#plans .premium .header, #plans .light .header {background-color: #144f8d}
#plans .col {float:left; padding: 0; margin: 0; display: inline; overflow:hidden}
#plans .col h2 {color: #c5d6e8; font-size: 190%; text-align: center; line-height: 40px; margin: 0 -2px; margin-top: 10px; background-color: #fff}
#plans #basic_plans h2 {color: #a8c0e2}
#plans #pro_plans h2{ color: #6f99d5}
#plans .col h3 {color: #fff; text-align:center; margin: 0 -2px; padding: 0 3px 0 0; font-weight: normal; font-size: 120%; line-height: 30px}
#solo_plans h2, #solo_plans h3{ background-color: #c5d6e8}
#basic_plans h2, #basic_plans h3{ background-color: #a8c0e2}
#pro_plans h2, #pro_plans h3{ background-color: #6f99d5}
#plans .bottom{ clear: both; font-size:100%; font-weight:bold; padding-top:20px; text-align:center}
#plans .bottom a{ margin: 0 auto; text-align: center; clear: both; float:none; width: 80%}
#account {width: 100%}
#account #account_funds{ float: right; width: 350px}
#account_form label, #credit_card label{ width: 179px !important}
#create_account_header {font-size:16px}
#content #signup ul{ margin-bottom: 20px}
h1#sign_up{ text-indent: -9999px}
#create_account {float: left; width: 530px}
#create_account label{ margin-left: -20px; white-space: nowrap}
#create_account form {width: 530px; float: left}
#create_account div.block, body.accounts_billing div.block{ width: 558px; float: left; padding: 10px; overflow: hidden}
#create_account div.block p{ width: 518px}
.accounts h2{ font-size: 130%; font-weight: bold}
.accounts h3{ color:#333333; font-size:100%; font-weight:bold; margin:0 0 5px 20px}
#signup_code {text-align: left; padding-bottom: 20px}
.terms {height: 23px; text-align: right}
body.accounts_billing fieldset {border: 1px solid #d3d3d3 !important; padding: 10px 20px 10px 0}
body.accounts_billing fieldset legend {margin-left: 10px; background: url(/images/backgrounds/lock.gif) no-repeat 10px 0; padding: 5px 10px 0 30px}
.col{ background-color: #fff; padding: 1px; float: left; padding-bottom: 5px}
.col h3{ padding: 15px 0 10px 0}
.col a {color: #013175}
#subscription .block{ float:left; width: 515px; margin: -10px 0 0 0; padding: 0 10px 10px 0}
#subscription h2.squared {width: 515px}
#my-funds{ width: 390px; float: right; background-color: transparent}
#my-funds .top{ width: 400px; background-image: url(/images/background-funds-top.gif); background-repeat: no-repeat; height: 7px}
#my-funds #fund-list {background-color: #ededed; padding: 10px 0; margin: 10px 0; float:left; width: 400px}
#my-funds .content{ margin-bottom: 10px; float: right}
#my-funds #fund-list dl dt{ float: left; clear: left; text-align: right; width: 50px}
#my-funds #fund-list dl dd{ width: 310px; margin: 0 0 0 65px; padding: 0}
#my-funds #fund-list dl dd.divider{ height: 1px; overflow: hidden; width: 100%; background-color: #d5d5d5; margin: 5px 0; padding: 0; border-bottom: 1px solid #fff}
#settings {margin: 10px 0; float: left; border: 1px solid #fff}
#settings h4{ font-size: 11pt; margin-bottom: 10px}
#settings ul {margin: 10px 0 0 0; padding-left: 0; float: left}
#settings ul li{ margin-bottom: 5px; padding-left: 20px}
#settings a:link {text-decoration:none}
#settings #calendar_feed_url_input {border: 0; text-align: center; background-color: #ededed; width: 95%}
b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px; overflow:hidden;border-style:solid;border-width: 0 1px}
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
#funds {margin: 0 auto; text-align: left; width: 955px}
#funds a:hover {background: transparent}
#funds #funds_browser {clear:both; height: 210px; width: 955px; margin-top: 0; padding-top: 0; overflow: hidden; color: #333333; border-bottom: 1px solid #d3d3d3}
#funds_container {min-height: 700px; height:auto !important; height:700px}
#industry_column {width: 175px}
#sector_column {width: 203px}
#index_column {width: 195px}
#country_column {width: 185px}
#exchange_column {width: 196px}
#funds #funds_browser .column {margin: 0; float:left; background-color:white}
#funds #funds_browser .column h2{ background: url(/images/backgrounds/column-stripes.gif) repeat-x left; color:#144F8D; padding: 3px 0 5px 7px; border-bottom: 1px solid #b1cdf4; font-size:14px; font-weight: normal; margin: 0 0 2px 0}
#funds_data_container {float:left; margin: 25px 0}
#funds_data_container #controls{ margin: 0; float:left; width: 680px; height: 25px}
#funds_data_container #controls #paging_area{ float:right; text-align:right; width:100px}
#funds_data_container #pager {float: right; display: inline; width: 200px}
#funds_data_container #no-results {height: 300px}
#funds_data_container #no-results p{ position: relative; top: 150px; left: 300px; font-weight: bold; font-size: 12pt}
#funds_data_container #controls a{ color: #01204d; text-decoration: none}
#progress_indicator {float:left; position: relative; top: 300px; left: 425px}
.funds noscript {font-size: 110%; float:left; top: 40px; left: 200px; position: relative; width: 500px; height: 400px; padding:0; text-align:left !important}
#funds_data_container div.errorExplanation {border: 1px solid rgb(253, 204, 104); background-color: #FFFFC0; color: #000; padding: 6px; margin: 10px 0 0px 0; width: 680px}
#funds #filter_box .filter_controls input#searchField {float:left; margin: 2px 0 0 0; padding: 5px 10px 0 5px; border: 1px solid #d3d3d3; font-size: 14px; color: #333333; background-color: #fff; height: 23px; width: 190px}
#funds #filter_box {padding-bottom:40px; margin: 20px 0 0 0}
#funds #filter_box .filter_controls a {float:left; width:168px; height:33px; cursor: pointer}
#funds #filter_box .filter_controls input#searchField {float:left; margin: 2px 0 0 0; padding: 5px 10px 0 5px; border: 1px solid #d3d3d3; font-size: 14px; color: #333333; background-color: #fff; height: 23px; width: 190px}
#funds #filter_box .filter_controls .magnify-search-icon {float:left; background: url(/images/backgrounds/magnify.gif) no-repeat; width:21px; height:20px; margin-right:0px; margin-top:8px; margin-left:5px}
#funds #tips_highlights {float:right; width:240px; color: #02193c; margin-top: 25px}
#funds #tips_highlights h2{ margin-top: 10px}
#funds #tips_highlights a:visited {color:#02193c}
#funds #tips_highlights .desc {font-size:14px; margin-bottom:20px}
#funds #tips_highlights #funds_status{ background-color: #efefef; margin-top: 10px; font-size:110%; width: 250px; padding: 5px 0; float:left}
#funds #tips_highlights #funds_status p{ padding: 10px; clear: left; text-align: left; width: 200px; margin:0 !important}
#funds #tips_highlights #fund_limit, #funds #tips_highlights #fund_total{ font-weight: bold}
#funds #funds_upgrade {margin-top: 10px; float: right}
#funds #funds_grid_header {margin-top: 10px; background: url(/images/backgrounds/column-stripes.gif) repeat-x left; height: 18px; padding: 5px 0 2px 7px; width: 685px}
#funds #funds_grid_header .column {margin: 0; float:left}
#funds #funds_grid_header .column h2{ color:#144F8D; font-size:14px; font-weight: normal; margin: 0}
#funds #gridbox {margin: 0; padding: 0; height: 394px; overflow:hidden; width: 694px; display: block; background-color: white}
div#gridbox .objbox {float:left; width: 692px !important; padding: 0; margin: 0; overflow-x: hidden !important}
div#gridbox .objbox div:first-child{ height: 340px}
div#funds_browser {background-color: #fff}
div.gridbox table.row20px tr td {white-space: nowrap; padding:7px; line-height: 20px; margin: 0; font-size: 100%}
div#funds_browser div.gridbox table.row20px tr td {padding:5px; margin: 0; font-size: 92%; cursor: pointer !important}
div#funds_browser div.gridbox table.row20px tr td:hover, .rowselected {background-color:#c9ddf4}
div.gridbox table.hdr td {border:0; font-size:12px; font-weight:bold; color: #144F8D; vertical-align: top; text-align: left; padding: 5px 0px; cursor: pointer !important}
div.gridbox table.xhdr {background: url(/images/backgrounds/column-stripes.gif) repeat-x left; border-bottom: 1px solid #B1CDF4}
div#funds_browser table.hdr td {background-color: transparent; color: #000; font-weight: normal}
div.gridbox table.hdr td div.hdrcell{ padding-left:10px}
div#funds_browser div.gridbox table.hdr td div.hdrcell{ padding-left: 5px}
div.gridbox table.hdr .filter{ padding-left:0px !important; text-align:center}
div.gridbox table.obj {overflow: hidden; table-layout: fixed !important; border-spacing: 0 !important; border-top: 1px solid #d3d3d3; border: 1px solid #f3f7fd; margin: 0; padding: 0}
div.gridbox table.obj td {overflow: hidden; font-size: 100%; padding: 5px; height: 20px}
div#funds_browser div.gridbox table.obj td {overflow: hidden; border: 0}
div.gridbox .objbox{ padding: 0; margin: 0; overflow: hidden !important}
div#funds_browser div.gridbox .objbox{ overflow-y: scroll !important; min-height: 184px}
div.gridbox .odd_light{ color: #373737; background-color:#f0f0f0}
div.gridbox .ev_light{ background-color:#FFFFFF; color: #373737}
.pagingBlock {width: 60px; text-align: right; height: 20px; float: right; display: inline}
.pagingBlock img{ margin-bottom: -5px; cursor: pointer}
.recordsInfoBlock {text-align: right; width: 150px}
#numRowBlock {float:left}
#numRowBlock span{ margin-right: 5px}
#numRowBlock a{ color: #5c5c5c; border: 1px solid #dedfde; padding: 1px; margin-right: 3px; float: left}
#numRowBlock a:hover{ color: #144f8d !important; border: 1px solid #144f8d}
#funds_errors{ padding: 10px 10px 10px 40px; background: #ffffc0 url(/images/backgrounds/error.gif) no-repeat 10px 7px}
.prototip {color: #000}
.prototip .marketdrums {width: 275px; color: #fff; background: #f5f5f5; text-align: left; padding: 10px; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3}
.prototip .marketdrums .toolbar {background: #f5f5f5; font-weight: bold}
.prototip .marketdrums .title {padding: 5px; color: #3168a4; border-bottom: 1px solid #d3d3d3}
.prototip .marketdrums .content {color: #808080; padding: 5px}
.prototip .marketdrums p{ margin: 10px 0; text-align: left; line-height: 15px}
.prototip .marketdrums dl {margin-top: 10px}
.prototip .marketdrums dl dd {margin-bottom: 0}
.prototip .marketdrums dl dt{ float: left; width: 80px}
.prototip .marketdrums .toolbar .close {width: 14px; height: 14px}
.prototip .prototip_Stem {top: 20px !important}
.prototip .simple {border: 1px solid rgb(253, 204, 104); background-color: #FFFFC0; color: #414110 !important; padding: 2px; font-size: 8pt}
.prototip .default {width: 250px; color: #808080}
.prototip .default .toolbar {background: #f1f1f1; font-weight: bold}
.prototip .default .title {padding: 5px}
.prototip .default .content {padding: 5px; background: #fff}
.prototip .basic {width: 250px; color: #808080}
.prototip .basic .toolbar {background: #f1f1f1; font-weight: bold}
.prototip .basic .title {padding: 5px}
.prototip .basic .content {padding: 5px; background: #fff}
.prototip .hint {width: 250px; color: #313120; background: #fff6aa}
.prototip .hint .toolbar {background: #fdf1a0; font-weight: bold}
.prototip .hint .title, .prototip .hint .content {padding: 5px}
.prototip .protoblue {width: 250px; color: #fff}
.prototip .protoblue .toolbar {background: #0d7cd0; font-weight: bold}
.prototip .protoblue .title {padding: 5px}
.prototip .protoblue .content {background: #1e90ff; padding: 5px}
.prototip .creamy {width: 250px; color: #bb9c61}
.prototip .creamy .toolbar {background: #f3edc2; font-weight: bold}
.prototip .creamy .title {padding: 5px}
.prototip .creamy .content {background: #f8f4ca; padding: 5px}
.prototip .darkgrey {width: 250px; color: #fff}
.prototip .darkgrey .toolbar {background: #5f5f5f; font-weight: bold}
.prototip .darkgrey .title {padding: 5px}
.prototip .darkgrey .content {background: #808080; padding: 5px}
.prototip .protogrey {width: 250px; color: #fff; background: #fff}
.prototip .protogrey .toolbar {background: #969c92; font-weight: bold}
.prototip .protogrey .title {padding: 5px}
.prototip .protogrey .content {color: #808080; padding: 5px}
.prototip .protogrey .toolbar .close {width: 14px; height: 14px}
.prototipLoader {position: absolute; top: -1000px; left: -1000px; height: 14px; width: 14px; border: 1px solid #dddddd; overflow: hidden}
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}.prototip .clearfix{display:block;}.pluit-carousel {position: relative; margin-top: 20px}
.pluit-carousel img {border: 0; display: block; cursor: pointer}
.pluit-carousel ul {margin: 0; padding: 0; list-style-type: none}
.pluit-carousel .viewport {overflow: hidden; position: relative; float: right; display:inline; margin-top: 35px; width: 422px !important; height: 283px !important}
.pluit-carousel .viewport ul {width: 6000px}
.pluit-carousel .viewport ul li {display: block; float: left; position: absolute; background: transparent}
.pluit-carousel .viewport ul ul {width: auto; float: left}
.pluit-carousel .viewport ul ul li {margin-right: 5px}
.pluit-carousel .viewport ul li img {background: transparent; zoom: 1}
.pluit-carousel .viewport ul li span{ position: absolute; bottom: 24px; color: #999; font-size: 10pt}
.pluit-carousel .nav {padding: 0 3px; margin: 0; float: left; width: 55px; position: absolute; height: 10px; bottom: -288px}
.pluit-carousel .nav li a {display: block; overflow: hidden; text-indent: -100em; background: url(/images/backgrounds/carousel_nav.gif) no-repeat 0 0; outline: none}
.pluit-carousel .nav li a:hover {background-position: -46px 0}
.pluit-carousel .nav .prev, .pluit-carousel .nav .next {float: right; margin-right: 7px}
.pluit-carousel .nav .next {margin-right: 3px}
.pluit-carousel .nav .prev a, .pluit-carousel .nav .next a {width: 10px; height: 10px; background-position: -91px 0}
.pluit-carousel .nav .prev a:hover {background-position: -179px 0}
.pluit-carousel .nav .next a {background-position: -135px 0}
.pluit-carousel .nav .next a:hover {background-position: -223px 0}
.pluit-carousel .nav .pages {float: left}
.pluit-carousel .nav .pages ul {float: left}
.pluit-carousel .nav .pages li {float: left; margin-right: 8px}
.pluit-carousel .nav .pages li a {width: 10px; height: 11px}
.pluit-carousel .nav .pages li.active a {background-position: -46px 0}
.pluit-carousel ul, .pluit-carousel .nav .pages, .pluit-carousel .nav {zoom: 1}
.pluit-carousel ul:after, .pluit-carousel .nav .pages:after, .pluit-carousel .nav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}