/*
http://www.abcInvesting.com/style.css
created 2009.01.30 Jake MacWilliamson, www.OldDirtyFace.com
last modified YYYY.MM.DD Jake MacWilliamson, www.OldDirtyFace.com
*/
/* START GLOBAL SITE-WIDE STYLES */
.clearBoth { clear: both; }
body {
    background-color: #FFFFFF;
    color: #000000;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-weight: normal;
    font-size: 12px;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    text-align: center;
}
div {
    margin: 0px;
    padding: 0px;
}
/* START ALIGNMENT STYLES */
.alignCenter { align: center; }
.verticalAlignBottom { vertical-align: bottom; }
.verticalAlignMiddle { vertical-align: middle; }
.verticalAlignTop { vertical-align: top; }
/* END ALIGNMENT STYLES */
/* START BACKGROUND STYLES */
.backgroundCCCCCC { background: #CCCCCC; }
.backgroundF0F0F0 { background: #F0F0F0; }
/* END BACKGROUND STYLES */
/* START BORDER STYLES */
.noBorder { border: none; }
border0000001pxSolid { border: 1px solid #000000; }
borderCCCCCC1pxSolid { border: 1px solid #CCCCCC; }
borderFF66661pxSolid { border: 1px solid #FF6666; }
borderBottom0000001pxSolid { border-bottom: 1px solid #000000; }
/* END BORDER STYLES */
/* START COLOR STYLES */
.color000000 { color: #000000; }
.color0000FF { color: #0000FF; }
.color333333 { color: #333333; }
.color33799F { color: #33799F; }
.color666666 { color: #666666; }
.color777777 { color: #777777; }
.color999999 { color: #999999; }
.colorCCCCCC { color: #CCCCCC; }
.colorFF0000 { color: #FF0000; }
.colorFF6666 { color: #FF6666; }
/* END COLOR STYLES */
/* START DEFAULT LINK STYLES */
A, A:link, A:visited, A:hover, A:active {
    color: #33799F;
    text-decoration: none;
}
A:link, A:visited, A:hover, A:active {
    text-decoration: underline;
}
A:hover { text-decoration: none; }
/* END DEFAULT LINK STYLES */
/* START DIV STYLES */
div#contentWrapper {
    float: left;
    margin: 5px auto 5px auto;
    padding: 0px;
    text-align: left;
    width: 756px;
}
div#container {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 756px;
}
div#containerPopup {
    margin-bottom: 10px;
    margin-left: 5px;
    text-align: left;
    width: 492px;
}
div#contentLeft {
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px 5px 0px 0px;
    width: 492px;
}
html>body div#contentLeft {
    margin-top: 0px;
    padding-top: 0px;
}
div#contentRight {
    float: right;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 5px 0px;
    width: 229px;
}
html>body div#contentRight { margin-top: 0px; padding-top: 0px; }
div#masthead {
    height: 40px;
    margin: 0px;
    padding: 0px;
    text-align: left;
    width: 756px;
}
div#mastheadABCInvesting {
    border-right: 1px solid #CCCCCC;
    float: left;
    padding-right: 10px;
    text-align: left;
}
div#mastheadLogo {
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
div#mastheadSearchBox {
    float: right;
    text-align: right;
}
/* END DIV STYLES */
/* START FLOAT STYLES */
.floatLeft { float: left; }
.floatRight { float: right; }
/* END FLOAT STYLES */
/* START FONT STYLES */
.fontTimesNewRoman { font-family: 'Times New Roman', Times, serif; }
/* END FONT STYLES */
/* START HEIGHT STYLES */
.height20px { height: 20px; }
/* END HEIGHT STYLES */
/* START LINE HEIGHT STYLES */
.lineHeight150Percent { line-height: 150%; }
.lineHeight200Percent { line-height: 200%; }
/* END LINE HEIGHT STYLES */
/* START LIST STYLES */
li.calculator {
    display: inline;
    list-style-image: url(images/calculator.jpg);
    list-style-position: outside;
    list-style-type: round;
}
li.none { list-style-type: none; }
li.upperRoman { list-style-type: upper-roman; }
/* END LIST STYLES */
/* START MARGIN/PADDING STYLES */
.margin0 { margin: 0px; }
.marginTopBottom2px {
    margin-bottom: 2px;
    margin-top: 2px;
}
.margin5px { margin: 5px 5px 5px 5px; }
.marginPadding0505 {
    margin: 0px 5px 0px 5px;
    padding: 0px 5px 0px 5px;
}
.marginPadding0 {
    margin: 0px;
    padding: 0px;
}
.marginPaddingBottom0px { margin-bottom: 0px; padding-bottom: 0px; }
.marginPaddingTop2px { margin-top: 2px; padding-top: 2px; }
.marginTop3px { margin-top: 3px; }
.marginTop20px { margin-top: 20px; }
.padding0px { padding: 0px 0px 0px 0px; }
.padding2px { padding: 2px 2px 2px 2px; }
.padding5px { padding: 5px; }
.padding10px { padding: 10px; }
.paddingLeftRight5px { padding-left: 5px; padding-right: 5px; }
.paddingLeftRight10px { padding-left: 10px; padding-right: 10px; }
.paddingTop10px { padding-top: 10px; }
.paddingTop25px { padding-top: 25px; }
p.marginPadding0 {
    margin: 0px;
    padding: 0px;
}
/* END MARGIN/PADDING STYLES */
/* START TEXT STYLES */
.sampleText {
    color: #FF0000;
    font-family: Verdana, Tahoma, Arial, Helvetica, Helv, sans-serif;
    font-weight: bold;
    font-size: 28px;
    text-decoration: none;
    letter-spacing: .2em;
}
.subheading {
    color: #000000;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}
.text10px { font-size: 10px; }
.text12px { font-size: 12px; }
.text16px { font-size: 16px; }
.text24px { font-size: 24px; }
.text30px { font-size: 30px; }
.text36px { font-size: 36px; }
.textAlignCenter { text-align: center; }
.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.textBold { font-weight: bold; }
.textNormal { font-weight: normal; }
.textItalic { font-style: italic; }
.textUnderline { text-decoration: underline; }
/* END TEXT STYLES */
/* START WIDTH STYLES */
.width25px { width: 25px; }
/* END WIDTH STYLES */
/* END GLOBAL SITE-WIDE STYLES */
/* START ACCOUNT CONTROL PANEL/CREATE/FORGOT/LESSON QUIZZES/LOGON/PROFILE CHANGE STYLES */
.accountControlPanelActionsText, .accountControlPanelActionsText A, A.accountControlPanelActionsText:link, A.accountControlPanelActionsText:visited, A.accountControlPanelActionsText:hover, A.accountControlPanelActionsText:active, .accountCreateActionsText, .accountCreateActionsText A, A.accountCreateActionsText:link, A.accountCreateActionsText:visited, A.accountCreateActionsText:hover, A.accountCreateActionsText:active, .accountForgotActionsText, A.accountForgotActionsText, A.accountForgotActionsText:link, A.accountForgotActionsText:visited, .accountForgotActionsText A:hover, .accountForgotActionsText A:active, .accountLogonActionsText, A.accountLogonActionsText, A.accountLogonActionsText:link, A.accountLogonActionsText:visited, A.accountLogonActionsText:hover, A.accountLogonActionsText:active, .accountProfileChangeActionsText, A.accountProfileChangeActionsText, A.accountProfileChangeActionsText:link, A.accountProfileChangeActionsText:visited, A.accountProfileChangeActionsText:hover, A.accountProfileChangeActionsText:active, .dashboardActionsText, A.dashboardActionsText, A.dashboardActionsText:link, A.dashboardActionsText:visited, A.dashboardActionsText:hover, A.dashboardActionsText:active, .lessonQuizzesActionsText, A.lessonQuizzesActionsText, A.lessonQuizzesActionsText:link, A.lessonQuizzesActionsText:visited, A.lessonQuizzesActionsText:hover, A.lessonQuizzesActionsText:active {
    color: #33799F;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
A.dashboardActionsText, A.dashboardActionsText:link, A.dashboardActionsText:visited, A.dashboardActionsText:active { text-decoration: underline; }
A.accountControlPanelActionsText:hover, A.accountCreateActionsText:hover, A.accountForgotActionsText:hover, A.accountLogonActionsText:hover, A.accountProfileChangeActionsText:hover, A.lessonQuizzesActionsText:hover { text-decoration: underline; }
A.dashboardActionsText:hover { text-decoration: none; }
input.accountControlPanelFormField, input.accountCreateFormField, input.accountForgotFormField, input.accountLogonFormField, input.accountProfileChangeFormField {
    border: #CBCBCB 1px solid;
    color: #000000;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 11px;
    margin: 2px 0px 2px 0px;
    padding: 3px;
}
.accountControlPanelErrorHeadingText, .accountCreateErrorHeadingText, .accountForgotErrorHeadingText, .accountLogonErrorHeadingText, .accountProfileChangeErrorHeadingText, .lessonQuizzesErrorHeadingText, .searchErrorHeadingText {
    color: #FF6666;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.accountControlPanelErrorContentText, .accountCreateErrorContentText, .accountForgotErrorContentText, .accountLogonErrorContentText, .accountProfileChangeErrorContentText, .lessonQuizzesErrorContentText, .searchErrorContentText {
    color: #000000;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.accountControlPanelHeadingText, .accountCreateHeadingText, .accountForgotHeadingText, .accountLogonHeadingText, .accountProfileChangeHeadingText, .lessonQuizzesHeadingText, .searchHeadingText {
    color: #002773;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.accountControlPanelContainerPadding, .accountCreateContainerPadding, .accountForgotContainerPadding, .accountLogonContainerPadding, .accountProfileChangeContainerPadding, .lessonQuizzesContainerPadding { padding: 0px; }
div.accountCreateColumn1, div.accountForgotColumn1, div.accountLogonColumn1, div.accountProfileChangeColumn1, div.contentColumn1 {
    float: left;
    text-align: right;
    width: 246px;
}
div.accountCreateColumn2, div.accountForgotColumn2, div.accountLogonColumn2, div.accountProfileChangeColumn2, div.contentColumn2 {
    float: left;
    text-align: left;
    width: 246px;
}
div.accountCreateRow, div.accountForgotRow, div.accountLogonRow, div.accountProfileChangeRow, div.contentRow {
    margin-top: 10px;
    text-align: center;
    width: 492px;
}
div.calculatorColumn1 {
    float: left;
    text-align: left;
    width: 50px;
}
div.calculatorColumn2 {
    float: left;
    text-align: left;
    width: 442px;
}
div.calculatorRow {
    padding-bottom: 10px;
    width: 492px;
}
html>body div.calculatorRow {
    padding-bottom: 0px;
}

div.contactUsColumn1 {
    float: left;
    text-align: left;
    width: 246px;
}
div.contactUsColumn2 {
    float: left;
    text-align: left;
    width: 246px;
}
div.contactUsRow {
    margin-top: 10px;
    width: 492px;
}
div.controlPanelColumn1 {
    float: left;
    text-align: left;
    width: 246px;
}
div.controlPanelColumn2 {
    float: left;
    text-align: left;
    width: 246px;
}
div.controlPanelRow {
    margin-top: 10px;
    width: 492px;
}
div.freeFinancialAssessmentRow {
    margin-top: 10px;
    width: 492px;
}
div.defaultColumn1 {
    float: left;
    text-align: left;
    width: 246px;
}
div.defaultColumn2 {
    float: left;
    text-align: left;
    width: 246px;
}
div.defaultRow {
    margin-top: 10px;
    width: 492px;
}
div.mailingListSignupColumn1 {
    float: left;
    text-align: left;
    width: 246px;
}
div.mailingListSignupColumn2 {
    float: left;
    text-align: left;
    width: 246px;
}
div.mailingListSignupRow {
    margin-top: 10px;
    width: 492px;
}
div#accountContactUsContainer, div#accountControlPanelContainer, div#accountCreateContainer, div#accountForgotContainer, div#accountLogonContainer, div#accountProfileChangeContainer, div#mailingListSignupContainer, div#searchContainer {
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    width: 492px;
    /* width: 754px; */
}
html>body div#accountContactUsContainer, div#accountControlPanelContainer, div#accountCreateContainer, div#accountForgotContainer, div#accountLogonContainer, div#accountProfileChangeContainer, div#mailingListSignupContainer {
    margin-top: 0px;
    padding-top: 0px;
}
div.lessonQuizzesContainer {
    background: #EFEFEF;
    border: 1px solid #CBCBCB;
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    width: 492px;
    /* width: 754px; */
}
div.lessonQuizzesProgressBarRow {
    width: 492px;
    /* width: 756px; */
}
div#lessonQuizzesContainer {
    background: #EFEFEF;
    border: 1px solid #CBCBCB;
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    width: 492px;
    /* width: 754px; */
}
p.accountGeneralInfoBoxPadding { padding: 0px 10px 0px 10px; }
/* END ACCOUNT CONTROL PANEL/CREATE/FORGOT/LOGON/PROFILE CHANGE STYLES */
/* START FOOTER STYLES */
.footerContainer {
    text-align: left;
    width: 756px;
}
div#footerLeft {
    border-top: 3px solid #598FB3;
    float: left;
    margin: 5px 0px 0px 0px;
    padding: 5px 5px 0px 0px;
    text-align: left;
    width: 250px;
}
div#footerRight {
    border-top: 3px solid #598FB3;
    float: right;
    margin: 5px 0px 0px 0px;
    padding: 5px 0px 0px 5px;
    text-align: left;
    width: 496px;
}
footerText, A.footerText, A.footerText:link, A.footerText:visited, A.footerText:hover, A.mastheadLogoTagline:active, p.footerText {
    color: #666666;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}
A.footerText, A.footerText:link, A.footerText:visited, A.mastheadLogoTagline:active { text-decoration: underline; }
A.footerText:hover { text-decoration: none; }
/* END FOOTER STYLES */
/* START INDIVIDUALS-CORPORATIONS STYLES */
.corporationsHeadingContainer, A.corporationsHeadingContainer, A.corporationsHeadingContainer:link, A.corporationsHeadingContainer:visited, A.corporationsHeadingContainer:hover, A.corporationsHeadingContainer:active {
    background: #80BF00;
    display: block;
    float: left;
    position: relative;
    width: 375px;
}
.individualsCorporationsContentText {
    color: #333333;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
.individualsCorporationsSubheadText {
    color: #333333;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding: 5px 10px 0px 10px;
}
.individualsHeadingContainer, A.individualsHeadingContainer, A.individualsHeadingContainer:link, A.individualsHeadingContainer:visited, A.individualsHeadingContainer:hover, A.individualsHeadingContainer:active {
    background: #008CBF;
    display: block;
    float: left;
    width: 375px;
}
div#corporationsContainer {
    border: #80BF00 1px solid;
    float: left;
    margin-left: 3px;
    width: 375px;
}
div#individualsContainer {
    border: #008CBF 1px solid;
    float: left;
    width: 375px;
}
div#individualsCorporationsContainer {
    float: left;
    text-align: left;
    width: 760px;
}
/* END INDIVIDUALS-CORPORATIONS TEXT STYLES */
/* START LEAD IN TEXT STYLES */
.leadInText {
    color: #113F5F;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 18px;
    line-height: 115%;
}
div.individualsCorporationsDIV {
    margin-top: 0px;
    padding-top: 0px;
}
div.individualsCorporationsTourDIV {
    margin-top: 0px;
    padding-top: 0px;
}
div#leadIn {
    text-align: left;
    width: 756px;
}
div#accountLogon, div#accountDashboard {
    background: #EFEFEF;
    border: 1px solid #CBCBCB;
    float: right;
    margin: 5px 0px 5px 0px;
    padding: 5px 5px 5px 15px;
    width: 229px;
}
div#accountDashboard {
    background: #F0F0F0;
    border: 1px solid #3D7946;
}
html>body div#accountLogon, div#accountDashboard { margin-bottom: 0px; padding-bottom: 0px; }
div#leadInText {
    float: left;
    margin-top: 10px;
    width: 471px;
}
ul.leadInText {
    color: #113F5F;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 17px;
    font-weight: normal;
    list-style-image: url(/images/green-arrow.jpg);
    margin-left: 10px;
    padding-left: 10px;
}
/* END LEAD IN TEXT STYLES */
/* START MASTHEAD LOGO TAGLINE STYLES */
.mastheadLogoTagline, A.mastheadLogoTagline, A.mastheadLogoTagline:link, A.mastheadLogoTagline:visited, A.mastheadLogoTagline:hover, A.mastheadLogoTagline:active {
    color: #504949;
    font-family: Tahoma, Verdana, Arial, Helvetica, Helv, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
/* END MASTHEAD LOGO TAGLINE STYLES */
/* START MY PAGE STYLES */
div.myPageBoxContentDiv {
    padding: 0px 5px 0px 5px;
}
div.myPageBoxHeadingDiv {
    background: #D3D3D3;
    color: #12277A;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 17px;
    font-weight: bold;
    margin: 1px 1px 1px 1px;
    padding: 0px 0px 5px 5px;
}
div.myPageContainerDiv {
    float: left;
}
div.myPageContainerColumn1Div {
    background: none;
    border: none;
    float: left;
    margin: 5px 12px 5px 1px;
    padding: 0px;
    width: 200px;
}
div.myPageContainerColumn2Div {
    background: none;
    border: none;
    float: left;
    margin: 5px 12px 5px 0px;
    padding: 0px;
    width: 300px;
}
div.myPageContainerColumn3Div {
    background: none;
    border: none;
    float: left;
    margin: 5px 0px 5px 0px;
    padding: 0px;
    width: 230px;
}
div.myPageContainerColumn1BoxDiv {
    background: #FEF5CC;
    border: #D3CBC8 1px solid;
    margin: 5px 0px 5px 0px;
}
div.myPageContainerColumn2BoxDiv {
    background: #FEF5CC;
    border: #D3CBC8 1px solid;
    margin: 5px 0px 5px 0px;
}
div.myPageContainerColumn3BoxDiv {
    background: #F0F0F0;
    border: #D3CBC8 1px solid;
    margin: 5px 0px 5px 0px;
}
.myPageEditText {
    padding-top: 5px;
}
/* END MY PAGE STYLES */
/* START PROMOS STYLES */
.promoContainer {
    background: #FEF5CC;
    border: #CCCCCC 1px solid;
    float: left;
    height: 150px;
    margin: 10px 3px 0px 0px;
    overflow: auto;
    padding: 5px 10px 0px 10px;
    width: 228px;
}
.promoContainer1 {
    /* padding-bottom: 15px; */
}
.promoContainer2 {
    /* padding-bottom: 20px; */
}
.promoContainer3 {
    margin-right: 0px;
    /* padding-bottom: 30px; */
}
.promosHeadingText {
    color: #002772;
    font-family: Arial, Tahoma, Verdana, Helvetica, Helv, sans-serif;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
}
.promosSelectDropDownText, .securityQuestionDropDownText {
    color: #000000;
    font-family: Arial, Tahoma, Verdana, Helvetica, Helv, sans-serif;
    font-size: 11px;
}
.promosText {
    color: #333333;
    font-family: Arial, Tahoma, Verdana, Helvetica, Helv, sans-serif;
    font-size: 12px;
}
div#promosContainer {
    text-align: left;
    width: 756px;
}
/* END PROMOS STYLES */
/* START SEARCH CONTENT FORM FIELD STYLES */
input.searchContentFormField {
    border: #B3B4B8 1px solid;
    color: #000000;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 11px;
    padding: 3px;
}
.searchSiteText {
    color: #000000;
    font-family: Arial, Helvetica, Helv, sans-serif;
    font-size: 11px;
}
/* END SEARCH CONTENT FORM FIELD STYLES */
/* START TOP MENU BAR STYLES */
.mainMenu {
    background: url(images/main-menu-buttons_background-fade.jpg) top left repeat-x;
    float: left;
    height: 23px;
    width: 756px;
}
.mainMenuButton, .mainMenuButton a, .mainMenuButton a:link, .mainMenuButton a:visited, .mainMenuButton a:hover, .mainMenuButton a:active, .mainMenuButtonActive {
    background: url(images/main-menu-buttons_background-fade.jpg) top left repeat-x;
    display: block;
    float: left;
    height: 23px;
    line-height: 23px;
    position: relative;
    text-align: center;
    width: 125px;
    padding: 0px 0px 0px 0px;
}
.mainMenuButton a:hover, .mainMenuButtonActive {
    background: url(images/main-menu-buttons_background-fade_rollover.jpg) top left repeat-x;
}
.mainMenuLink, A.mainMenuLink, A.mainMenuLink:link, A.mainMenuLink:visited, A.mainMenuLink:hover, A.mainMenuLink:active {
    color: #e7e7e7;
    font-family: Verdana, Arial, Tahoma, Helvetica, Helv, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
A.mainMenuLink:hover {
    background: url(images/main-menu-buttons_background-fade_rollover.jpg) top left repeat-x;
    height: 23px;
}
.mainMenuSpacer {
    border: 1px solid #FFFFFF;
    float: left;
    height: 25px;
    width: 1px;
}
div#mainMenu {
    color: #e7e7e7;
    float: left;
    font-family: Verdana, Arial, Tahoma, Helvetica, Helv, sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 5px 0px 0px 1px;
    text-align: center;
    width: 756px;
}
/* END TOP MENU BAR STYLES */