﻿body
{
    -moz-background-clip: -moz-initial;
    -moz-background-origin: -moz-initial;
    -moz-background-inline-policy: -moz-initial;
    margin: 0;
}

.Small
{
    font-size: 10px;
    height: 12px;
}
.Small label
{
    display: inline !important;
}
a:active
{
    outline: none;
}
a:focus
{
    -moz-outline-style: none;
}
.labelVals
{
}
.dropList
{
    height: 20px;
}

.logo
{
    color: #81939F;
    position: absolute;
    letter-spacing: -7px;
    font-size: 48px;
    font-weight: bolder;
    top: 9px;
    left: 46px;
}
.logoCaption
{
    position: absolute;
    font-size: 9px;
    color: #C4DAEA;
    left: 139px;
    width: 88px;
    top: 20px;
}
.ImageKey
{
    background-image: url(../images/key.gif);
    width: 16px;
    height: 7px;
}
.headerTitle1
{
    position: absolute;
    font-size: 8px;
    color: #bfd0d4;
    top: 8px;
    left: 610px;
}
.headerTitle2
{
    position: absolute;
    font-size: 8px;
    color: #bfd0d4;
    left: 727px;
    top: 8px;
    width: 191px;
}

.horzLine
{
    height: 7px;
    position: absolute;
    left: 236px;
    top: 28px;
    background-image: url(../images/line.gif);
    width: 679px;
    background-repeat: repeat-x;
}
.menuSpan
{
    height: 33px;
    position: absolute;
    left: 230px;
    width: 730px;
    top: 31px;
}

.curvTopLeft
{
    background-image: url(../images/clts.gif);
    width: 9px;
    background-repeat: no-repeat;
    height: 9px;
}
.curvTopCentr
{
    background-color: White;
    width: 0px;
    height: 9px;
}
.curvTopRight
{
    background-image: url(../images/crtnew.gif);
    width: 9px;
    background-repeat: no-repeat;
    height: 9px;
}
.curvBotmLeft
{
    background-image: url(../images/clb.gif);
    width: 9px;
    background-repeat: no-repeat;
    height: 12px;
}
.curvBotmCentr
{
    background-image: url(../images/cmb.gif);
    width: 0px;
    background-repeat: repeat-x;
    height: 12px;
}
.curvBotmRight
{
    background-image: url(../images/crb.gif);
    width: 9px;
    background-repeat: no-repeat;
    height: 12px;
}

.title
{
    height: 23px;
    width: 99%;
    padding-right: 15px;
    padding-left: 10px;
    padding-bottom: 2px;
    padding-top: 3px;
}

.pageTitle
{
    position: absolute;
    font-size: 18px;
    font-weight: bold;
    color: #e9901a;
    width: 235px;
    left: 52px;
    top: 181px;
}
.pageTitle1
{
    font-size: 24px;
    color: #72A8CC;
    width: 235px;
    left: 52px;
    top: 181px;
}
.pageHelp1
{
    font-size: 12px;
    color: #4E4F51;
    width: 262px;
    left: 660px;
    top: 180px;
    font-weight: bold;
    text-align: right;
}
.pageHelp
{
    position: absolute;
    font-size: 12px;
    color: #4E4F51;
    width: 262px;
    left: 660px;
    top: 180px;
    font-weight: bold;
    text-align: right;
}
.pageHelp span
{
    font-size: 11px;
    color: #72A8CC;
}
.pageHelp span span
{
    color: #474B4C;
}
.pagetitleUnderLine
{
    position: absolute;
    color: #72A8CC;
    width: 875px;
    left: 52px;
    top: 206px;
}
.pageSubTitle
{
    background-image: url(../images/subtitle.gif);
    background-repeat: repeat-x;
    vertical-align: middle;
}
.pageSubTitleLogo
{
    height: 75px;
    width: 68px;
    background-image: url(../images/icon.gif);
    background-repeat: no-repeat;
}
.pageSubTitleDots
{
    margin-top: 17px;
    height: 55px;
    width: 153px;
    background-image: url(../images/dots.gif);
    background-repeat: no-repeat;
}
.pageSubTitleDots3
{
    margin-top: 17px;
    height: 55px;
    width: 153px;
    background-image: url(../images/dots3.gif);
    background-repeat: no-repeat;
}
.pageSubTitleDots4
{
    margin-top: 17px;
    height: 55px;
    width: 153px;
    background-image: url(../images/dots4.gif);
    background-repeat: no-repeat;
}

.containers
{
    background: #000000;
    color: #fff;
    margin: 0 15px;
}

.rtop, .rbottom
{
    display: block;
    background-color: #fff;
}
.rtop *, .rbottom *
{
    display: block;
    height: 1px;
    overflow: hidden;
    background: #000000;
}
.r1
{
    margin: 0 5px;
}
.r2
{
    margin: 0 3px;
}
.r3
{
    margin: 0 2px;
}
.r4
{
    margin: 0 1px;
    height: 2px;
}

.pageDiv
{
    font-family: Arial;
    width: 900px;
    margin-left: 4%;
    margin-right: 4%;
}
.headerDiv
{
    background-image: url(../images/header.gif);
    background-repeat: no-repeat;
    margin-top: -10px;
    height: 105px;
}
.mainDiv
{
    background-color: white;
}
.footerDiv
{
    font-size: 10px;
    color: White;
    background-color: #314A56;
}

.mandat
{
    background-image: url(../images/star.gif);
    background-repeat: no-repeat;
    vertical-align: top;
}
.mandatHelp
{
    height: 8px;
    padding-top: 3px;
    width: 7px;
    overflow: hidden;
}
.pad
{
    padding-left: 8px;
    vertical-align: top;
}
.padCancelMandat
{
    padding-left: 0px;
    vertical-align: top;
}
.padReviewLabel
{
    padding-left: 18px;
    vertical-align: top;
}
.reviewAccountInfoTd
{
    width: 182px;
    height: 15px;
    padding-left: 0px;
}
.padReviewAccountInfoLabel
{
    padding-left: 12px;
    color: #FFFFFF;
    font-size: 12px;
    width: 250px;
    font-weight: bold;
}
.activeStepsTextNumbering
{
    font: Arial;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
}

.bmandat
{
    background-image: url(../images/star.gif);
    background-repeat: no-repeat;
    font-weight: bold;
    vertical-align: top;
}
.bpad
{
    padding-left: 2px;
    vertical-align: top;
    font-weight: bold;
}

.pageAlert
{
    color: Red;
}

.recttopleft
{
    background-image: url(../images/topleft.jpg);
    background-position: bottom;
    width: 8px;
}
.recttopcleft
{
    width: 182px;
    height: 28px;
    background-image: url(../images/toplc.jpg);
}
.recttopcent
{
    width: 32px;
    height: 28px;
    background-image: url(../images/toplr2.jpg);
}
.recttopright
{
    width: 203px;
    height: 28px;
    background-image: url(../images/toprc.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
    text-align: right;
    font-size: 10px;
    vertical-align: text-top;
}
.recttoprightCor
{
    width: 4px;
    background-image: url(../images/topright.jpg);
    height: 27px;
    background-position: bottom;
    background-repeat: no-repeat;
}
.rectleft
{
    background-image: url(../images/left.jpg);
}
.rectcen
{
    vertical-align: top;
    background-color: #e8f6ff;
}
.rectright
{
    background-image: url(../images/right.jpg);
}
.rectleftbot
{
    background-image: url(../images/leftb.jpg);
}
.rectCentBot
{
    background-color: white;
    color: Gray;
    font-size: smaller;
}
.rectBotLeft
{
    background-image: url(../images/leftbcor.gif);
}
.rectBotCen
{
    background-image: url(../images/bot.gif);
}
.rectBotRight
{
    background-image: url(../images/botright.gif);
}

.tabTitle
{
    font-size: 14px;
    font-weight: bolder;
    color: #FDFE82;
    font-family: Arial;
}
.sectionTitle
{
    font-size: 14px;
    font-family: Arial;
    color: #4680a6;
    font-weight: bold;
}

.labelText
{
    font-size: 11px;
    font-family: Arial;
    color: #696969;
}
.labelHelp
{
    font: font:10px Arial, Helvetica, sans-serif;
    color: #696969;
}
.tableBgHistoryStatements
{
    background: #FFFFFF;
}
.disabled
{
}
.shadow
{
    background-image: url(../images/shad.gif);
    background-repeat: repeat-x;
}

.yellowButton
{
    background-image: url(../images/YellowButtonShade.JPG);
    background-repeat: repeat-x;
    height: 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #2c3391;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    display: block;
    text-decoration: none;
    text-align: center;
    cursor: default;
}
.labelAlign
{
    text-align: right;
}
.calendar
{
    background-image: url(../images/calender.gif);
    background-repeat: no-repeat;
    height: 15px;
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #2c3391;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    display: block;
    text-decoration: none;
    text-align: center;
    cursor: default;
    width: 15px;
}
.links
{
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #2c3391;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    display: block;
    text-decoration: none;
    text-align: center;
    cursor: default;
}
.linksRst
{
    font-family: Arial;
    font-weight: bold;
    font-size: 11px;
    color: #0000FF;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    display: block;
    text-decoration: none;
    text-align: center;
}
.boxCenter
{
    background-color: #f2f4f4;
}
.boxRight
{
    background-color: #f2f4f4;
}
.boxLeft
{
    background-color: #f2f4f4;
}
.boxTop
{
    background-color: #f2f4f4;
}
.boxBottom
{
    background-color: #f2f4f4;
}
.boxTopLeft
{
    background-image: url(../images/BoxTL.png);
    background-repeat: no-repeat;
}
.boxTopRight
{
    background-image: url(../images/BoxTR.png);
    background-repeat: no-repeat;
}
.boxBottomRight
{
    background-image: url(../images/BoxBR.png);
    background-repeat: no-repeat;
}
.boxBottomLeft
{
    background-image: url(../images/BoxBL.png);
    background-repeat: no-repeat;
}
.popout
{
    background-repeat: no-repeat;
    cursor: default;
    background-image: url(../images/popout.jpg);
    height: 15px;
    width: 15px;
}

.subTitle
{
    background-color: #e9901a;
    font-weight: bold;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
}
.subTitleFont
{
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.textBoxHeading
{
    color: #4E4F51;
    font-weight: bold;
    font-size: 12px;
}
.Heading
{
    color: #4E4F51;
    font-weight: bold;
    font-size: 11px;
}
.textBoxHeadingwithmandat
{
    color: Red;
    font-weight: bold;
    font-size: 12px;
    background-image: url(../images/star.gif);
    background-repeat: no-repeat;
    vertical-align: bottom;
}
.TextIndicator_TextBox1
{
    background-color: #f7f7f7;
    color: #C51906;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 0px 0px 0px 14px;
    margin-right: 0px;
}
.instLogPasswordStrength
{
    background-color: #e1e1e1 !important;
}
.TextIndicator_TextBox2
{
    background-color: #f7f7f7;
    color: #C51906;
    font-family: Arial;
    font-size: x-small;
    font-style: italic;
    padding: 0px 0px 0px -20px;
    margin-left: -15px;
}

.divbackground
{
    background-color: ActiveBorder;
    background-repeat: no-repeat;
    vertical-align: bottom;
}
.leftarrow
{
    background-image: url(../images/Leftarrow.gif);
    background-repeat: no-repeat;
    height: 11px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 10px;
    color: blue;
    padding-left: 15px;
    padding-bottom: 1px;
    padding-top: 1px;
    display: block;
    text-decoration: none;
}
.rightarrow
{
    background-repeat: no-repeat;
    background-position: right;
    height: 11px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 10px;
    color: blue;
    padding-right: 15px;
    padding-bottom: 1px;
    padding-top: 1px;
    text-decoration: none;
    background-image: url(../images/Rightarrow.gif);
}
.expandall
{
    background-image: url(../images/SinglePlus.gif);
    background-repeat: no-repeat;
    height: 15px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 10px;
    color: blue;
    padding-left: 17px;
    padding-bottom: 1px;
    padding-top: 5px;
    display: block;
    text-decoration: none;
}
.collapseall
{
    background-image: url(../images/SingleMinus.gif);
    background-repeat: no-repeat;
    height: 15px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 10px;
    color: blue;
    padding-left: 17px;
    padding-bottom: 1px;
    padding-top: 5px;
    display: block;
    text-decoration: none;
}
.validator, .validatorPH
{
    background-image: url(../images/redArrow.gif);
    background-repeat: no-repeat;
    height: 10px;
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    color: #C51906 !important;
    padding-left: 15px;
    padding-bottom: 1px;
    padding-top: 1px;
    display: block;
    text-decoration: none;
    background-position: left center;
}
.validatorPH
{
    display: inline !important;
}
.pennyValidaor
{
	/*background-image: url(../images/redArrow.gif);
    background-repeat: no-repeat;*/
    height: 10px;
    font-family: Arial;
    font-weight: normal;
    font-size: 10px;
    color: #C51906 !important;
    padding-left: 1px;
    padding-bottom: 2px;
    padding-top: 1px;
    /*display: block;*/
    text-decoration: none;
    background-position: left center;
}
.notify
{
    height: 11px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 9px;
    color: #C51906;
    padding-left: 15px;
    padding-bottom: 1px;
    padding-top: 1px;
    display: block;
    text-decoration: none;
}

.notifydoc
{
    height: 11px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 9px;
    color: #C51906;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 1px;
    display: block;
    text-decoration: none;
}

.notifyNext
{
    height: 11px;
    font-family: Tahoma;
    font-weight: normal;
    font-size: 9px;
    color: #587adb !important;
    padding-left: 15px;
    padding-bottom: 1px;
    padding-top: 1px;
    display: block;
    text-decoration: none;
}


.smallBox
{
    background-image: url(../images/smallBoxBG.gif);
}

/*AutoComplete flyout */

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: window;
    color: windowtext;
    padding: 1px;
}

.table
{
    border-width: 1;
    border-right: thin solid;
    table-layout: auto;
    border-top: thin solid;
    margin: 1px;
    border-left: thin solid;
    width: 77%;
    border-bottom: thin solid;
    border-collapse: separate;
    background-color: whitesmoke;
}
.table_AOS
{
    border-width: 1;
    border-right: thin solid;
    table-layout: auto;
    border-top: thin solid;
    margin: 1px;
    border-left: thin solid;
    border-bottom: thin solid;
    border-collapse: separate;
    background-color: #D8D8D8;
}
.table_AOSSub
{
    border-width: 1;
    border-right: thin solid;
    table-layout: auto;
    border-top: thin solid;
    margin: 1px;
    border-left: thin solid;
    border-bottom: thin solid;
    border-collapse: separate;
    background-color: #E8E8E8;
}
.table_Simple
{
    border-width: 1;
    border-right: thin solid;
    table-layout: auto;
    border-top: thin solid;
    margin: 1px;
    border-left: thin solid;
    border-bottom: thin solid;
    border-collapse: separate;
}
.table_Border
{
    border-right: thin narrow;
    table-layout: auto;
    border-top: thin narrow;
    border-left: thin narrow;
    border-bottom: thin narrow;
    background-color: whitesmoke;
    border-color: ActiveBorder;
}
.tab
{
    border-width: 1;
    border-right: thin solid;
    table-layout: auto;
    border-top: thin solid;
    margin: 1px;
    border-left: thin solid;
    width: 77%;
    border-bottom: thin solid;
    border-collapse: separate;
    background-color: ActiveBorder;
}
.month
{
    text-decoration: none;
}
.monthlist
{
    text-decoration: none;
    font-size: 12px;
}
.monthlistactive
{
    text-decoration: none;
    color: Black;
    font-weight: bold;
}
.monthlistdeactive
{
    text-decoration: none;
    color: Blue;
    font-weight: normal;
}


/* Quotes*/

.green
{
    color: #00cc00;
}

.red
{
    color: #ff0033;
}

.hideValidator
{
    display: none;
}

.tableBorderStyle
{
    border: 1px dotted #ccc;
}
.reviewFontHead
{
    font-size: 11px !important;
    font-weight: bold !important;
    border-right: 1px dotted #ccc !important;
}
.reviewFontVal
{
    font-size: 11px !important;
    border-right: 1px dotted #ccc !important;
}
.reviewTextBox
{
    font-size: 11px;
    height: 12px;
}
.reviewDropDown
{
    font-size: 11px;
    height: 18px;
}
.reviewTextBoxWidth
{
    font-size: 11px;
    height: 12px;
    width: 126px;
}
.reviewLeftPading
{
    padding-left: 5px !important;
}
.reviewColumnStyle
{
    border-right: 1px dotted #ccc !important;
    border-left: 1px dotted #ccc !important;
    border-bottom: 1px dotted #ccc !important;
    font-size: 11px !important;
    font-weight: bold !important;
}
.reviewTopStyle
{
    border-top: 1px dotted #ccc !important;
    font-size: 11px !important;
    font-weight: bold !important;
}
.reviewBottomStyle
{
    border-bottom: 1px dotted #ccc !important;
    font-size: 11px !important;
    font-weight: bold !important;
}
.reviewRightStyle
{
    border-right: 1px dotted #ccc !important;
    font-size: 11px !important;
    font-weight: bold !important;
}
.reviewLeftStyle
{
    border-right: 1px dotted #ccc !important;
    font-size: 11px !important;
    font-weight: bold !important;
}
.reviewLeftStylebottom
{
    border-left: 1px dotted #ccc !important;
    font-size: 11px !important;
    font-weight: bold !important;
}
.tableLeftColoumStyle
{
    border-right: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-size: 11px;
    font-weight: bold;
}
.tableLeftColoumReview
{
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
}
.tableLeftColoumStyleBottom
{
    border-bottom: 1px dotted #ccc;
    font-size: 11px;
    font-weight: bold;
}
.tableLeftColoumStylediv
{
    border-right: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    font-size: 11px;
    font-weight: bold;
}
.tableLeftColoumbottomStyle
{
    border-right: 1px dotted #ccc;
    font-size: 11px;
    font-weight: bold;
}
.tableRightColoumStyle
{
    border-bottom: 1px dotted #ccc;
    font-size: 11px;
}
.tableRightColoumStylediv
{
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    font-size: 11px;
}
.tableMiddleColoumStyle
{
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
.tableBottomCellStyle
{
    border-left: 1px dotted #ccc;
    font-size: 11px;
}
.tableTopBottomCellStyle
{
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
}
.tableBottomBorderStyle
{
    border-bottom: 1px dotted #ccc;
}
.tableBottomBorderStylediv
{
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
}

.tableRightTopBottomCellStyle
{
    border-bottom: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}
.tableBottomRightCellStyle
{
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}
.tableRightLeftCellStyle
{
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
}
.tableRightLeftReview
{
    border-right: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
}
.tableBottomTopCellStyle
{
    border-bottom: 1px dotted #ccc;
}
.headingWhiteText
{
    color: White;
}
.activeSteps
{
    background: url(../images/step-position-a.gif);
    width: 20px;
    height: 38px;
    background-repeat: no-repeat;
    padding-top: 2px;
    padding-left: 11px;
    font: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #FFFFFF;
}
.activeStepsText
{
    color: #666;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding-left: 3px;
}
.review-Heading-Style
{
    background-color: #999999;
    height: 22px !important;
}
.orders-primary-linkStyle
{
    background: #999;
    font-size: 12px;
    padding: 0px 0px 0px 0px;
    font-size: 11px;
}
.reviewInfoTableContent-Padding
{
    padding: 2px 5px;
}
.label-bold
{
    font-weight: bold;
}
.sec-bold
{
    font-weight: bold;
    font-size: 11px;
}
.sec-que
{
    font-size: 11px;
}
.text-alignToRightInGrid
{
    text-align: right !important;
}
.topBottomRight-table-padd
{
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.fontBold
{
    font-weight: bold !important;
    font-size: 11px;
}
.option-Mainlabel-Style
{
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}
.option-label-RightPadding
{
    padding-left: 30px;
}
.option-label-RightPadding22
{
    padding-left: 30px;
}
.option-label-Style
{
    font-size: 11px;
    color: #333333;
}
.options-Buying-pow-RowStyle
{
    background: #999999;
}
.option-symbol-label-Style
{
    font-family: Arial;
    font-weight: 700;
    color: #666666;
}
.option-tableBorderStyle
{
    border: 1px solid #ccc;
}
.option-chainfetch-SymbolStyle
{
    cursor: pointer;
}
.option-Table-StrickStyle
{
    font-weight: 700 !important;
}
.option-Account-Label-Pad
{
    padding-top: 3px;
}
.optionReview-Quote-padd
{
    padding-right: 5px;
}
.buying-power-divTextAlignLeft
{
    text-align: left !important;
    padding-left: 15px !important;
}
.validator-Absolute-Positioning
{
    position: absolute;
}
.numeric-updown-validator-positioning
{
    position: relative;
    top: -1px;
}
.divTextAlignLeft-iPadd
{
    text-align: left !important;
}
.opt-numupdown-top-ZeroPadding
{
    padding-top: 0px !important;
    margin-top: 0px;
}
.reviewQuoteOrderDivPadding div
{
    padding-top: 2px;
    padding-bottom: 2px;
}
.reviewOption-QuoteLabelPadd
{
    padding-left: 5px !important;
}
.option-validator-bottom-Mar
{
    padding-bottom: 5px !important;
}
.option-Quantity-Validator-bottom-Mar
{
    padding-bottom: 5px !important;
}
.option-Quantity-ValidatorBottomPadStyle
{
    padding-bottom: 2px !important;
}
.OCFBackgroundStyle
{
    background-image: url(media/images/grey-img-OCF.gif);
    background-repeat: repeat-x;
    background-repeat: repeat-y;
    height: 99px;
    display: block;
}
.option-LabelStyle-TextAlign
{
    text-align: right !important;
    padding-right: 5px !important;
    padding-bottom: 2px;
}
.option-RightPad-Zero
{
    padding-right: 0px;
}
.optionChainFetcher-First-DivMessage
{
    height: 100%;
    width: 100% !important;
    background-color: White;
}
.optionChainFetcher-LoadingDivBG
{
    height: 100%;
    width: 100% !important;
    background-color: #e8e8e8;
}
/* Order Status Grid Styles*/
.marginBottomSubGrid
{
    margin-bottom: 10px;
    margin-left: -4px;
}
.marginBottomSubGrid1
{
    margin-left: 141px;
    width:auto !important;
}
/*Global OrderStatus subgrid*/
.advancedOrderSubGrid
{
    margin-left:258px;
}
.Disabled
{
    color: #9d9da1 !important;
}

.reviewQustion
{
    margin-top: -32px;
}
.lblFontSize8
{
    font-size: 9px !important;
    font-family: Arial,Helvetica,sans-serif;
}
.prof-log-tbl
{
    float: right;
    width: 430px;
    margin-right: 15px;
}
.prof-log-tbl td
{
    height: 25px;
    padding-left: 5px;
}
.prof-fin-tbl
{
    margin-right: 0px;
}
.prof-fin-tbl td
{
    height: 25px;
    padding-left: 5px;
}
.prof-emailStyle
{
    border-right: 1px dotted #ccc !important;
    border-top: 1px dotted #ccc !important;
    font-size: 11px !important;
    font-weight: bold !important;
}
.prof-emailrightStyle
{
    border-top: 1px dotted #ccc !important;
    font-size: 11px !important;
}
.prof-emppadding
{
    padding-left: 15px;
}
.justify
{
    text-align: justify;
}
.HelpVisibilty
{
    display: none;
}
.Profile-Text
{
    font-size: 11px !important;
}
.profile-checkbox td
{
    padding-left: 0px;
}
.profileTopStyle
{
    border-top: 1px dotted #ccc !important;
    font-size: 11px !important;
}
.dataGridProfile
{
    border-top: dotted 1px #CCCCCC;
    border-right: dotted 1px #CCCCCC !important;
    border-bottom: dotted 1px #CCCCCC;
    border-left: dotted 1px #CCCCCC;
}

.flowLayoutList LABEL
{
    clear: right;
    margin-right: 4px;
    white-space: nowrap;
    vertical-align: bottom;
}
/* Loading div styles for Buying Power Option page CSS */

.BuyingPowerLoading-CSS
{
    margin-top: 20px;
    display: none;
    height: 115px;
    width: 305px;
    position: absolute;
}
.OptionChainGridStyle
{
    font-family: Arial;
}
.OptionGridCell
{
    background-color: #FFFFFF;
    color: #666;
    font-size: 10px;
    border-bottom: 1px solid #E0E0E0;
    border-top: 1px solid #E0E0E0;
}
.OptionGridAltCell
{
    background-color: #F4F6F5;
    color: #666;
    font-size: 10px;
    border-bottom: 1px solid #E0E0E0;
}
.OptionGridHeaderRow
{
    background-color: #808080;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}
.OptionGridSymbolStyle
{
    font-size: 10px;
    text-align: left !important;
    padding-left: 5px;
    cursor: pointer;
}
.OptionGridValueStyle
{
    font-size: 10px;
    text-align: right !important;
    padding-right: 5px;
}
.OptionGridCell, .OptionGridAltCell, .OptionGridHeaderRow
{
    padding-top: 2px;
    padding-bottom: 2px;
    border-left: 1px solid #ccc;
    text-align: center;
}
.OptionGridOuterTableBorder
{
    border-right: 1px solid #ccc;
}
.OptionChainDetailsTablePad
{
    padding-bottom: 10px;
}
.ExpandCollapseWidth
{
    width: 35px;
    text-align: center;
    border-bottom: 1px solid #E0E0E0;
}
.SymbolStyle
{
    width: 136px; /*115*/
}
.BidStyle
{
    width: 54px !important;
}
.OptionGridValueStyle, .AskLastChangeStyle
{
    width: 62px; /*68*/
    border-top: 1px solid #ccc;
}
.StrikeCellStyle
{
    padding-top: 2px;
    padding-bottom: 2px;
    border-left: 1px solid #ccc;
    text-align: center;
    width: 108px !important;
    color: white;
    font-weight: bold;
    font-size: 11px;
    background-color: #808080;
    border-bottom: 1px solid #ccc;
}
.ExpiryRowStyle
{
    border-top: 1px solid #E0E0E0 !important;
    cursor: pointer;
}
.ExpiryDateCellStyle
{
    cursor: default !important;
}
.DetailsTableSelectedRowStyle
{
    background: gainsboro;
}
.legSymbolStyle
{
    font-size: 11px !important;
    font-weight: normal !important;
}
.option-Legslabel-LeftPadding
{
    padding-left: 22px !important;
}
.Top-1-Padd-Style
{
    padding-top: 1px !important;
}
.RegulationBox
{
    padding-top: 20px;
    padding-left: 20px;
    text-align: left;
    font-size: 11px;
    white-space: normal;
    line-height: 200%;
}
.RegulationBox a:hover
{
    text-decoration: underline;
}
.optionCellDisabled
{
    display: none !important;
}
.optionCellEnabled
{
    display: block !important;
}
.optionCell-MozEnabled
{
    display: table-cell !important;
}
.option-PadTop
{
    padding-top: 4px;
}
.Option-MarginBottomSubGrid1
{
    margin-left: 253px;
}
.Option-Saved-MarginBottomSubGrid1
{
    margin-left: 276px;
}

.Stock-MarginBottomSubGrid1
{
    margin-left: 240px;
}
.BP-MarginBottomSubGrid1
{
    margin-left: 246px;
}
.BP-MarginLeftSubGrid
{
    margin-left: 247px;
}
/* End of Option page CSS */

/*New Account application*/
.GridAccountApplication
{
    height: 265px;
    overflow-x: scroll;
    vertical-align: top;
    width: 980px;
    padding: 0px 2px;
    margin: 10px 0px;
}
.TblAccountStatics
{
    /*border: solid 1px  #ccc;*/
    width:98%;
}
.TblAccountStatics th
{
    border: solid 1px #ccc;
    font-weight: bold;
    text-align: center;
}
.TblAccountStatics tr
{
    border: solid 1px #ccc;
}
.TblAccountStatics td
{
    border: solid 1px #ccc;
}
.TblAccountStatics table
{
    border: 1px solid #ccc;
    border-collapse: collapse;
    width:100%;
}
.TblAccountStatics div
{
    overflow: hidden !important;
    padding-bottom: 4px !important;
    display: block !important;
}
.numericTextBox
{
    overflow: hidden;
}
/*End of New Account application*/

/*Quotes & research*/
.qrMain
{
    width: 960px;
}

.quoteTable, .quoteTable2
{
    float: right;    
    width: 480px;
    padding-right: 10px;
    margin-top:8px;
}
.quoteTable2
{
    width: 300px !important;
    padding-right: 190px !important;
}
.quoteMiddle-Cell
{
    padding-left:5px !important;
    text-align: center !important;
}
.quoteLeft-Cell
{
    border-left: 1px solid #CCCCCC !important;
    text-align: left !important;
}
.quoteRight-Cell
{
    border-left: 1px solid #CCCCCC !important;
    text-align: right !important;
    padding: 2px 2px 2px 10px !important;
    width:40px;
}
.quoteCellWidth
{
    width:54px;
}
.quoteSmallCellWidth
{
    width:40px;
}
.quoteBigCellWidth
{
    width:74px;
}
.divQuote
{
    border: 1px solid #CCCCCC;
    background-color: #F7F7F7;
    width: 982px;
    height: 60px;
}
.txtSymbol
{
    width: 120px;
}
.divSymbol
{
    margin-left: 9px;
}
.divSymbolContent
{
    margin-top: 0px;
    padding-top:0px;
}
.divSymbol input[type="image"]
{
    vertical-align: bottom;
    height: 18px;
}
.pageViewQR
{
    padding: 10px 0px 0px 10px;
    width: 972px !important;
}
.divTabQR
{
    margin-top: 20px;
    margin-bottom:20px;
}
.divSelectDate
{
    width: 500px;
    height: 55px;
}
.divDownload
{
    width: 500px;
    height: 20px;
    margin: 10px 0px;
}
.quoteTable TH
{
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.gridQuoteResearch
{
    padding: 0;
    margin-left: 1px;
    border-collapse: collapse;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    background: #fff;
    color: #666;
    width: 500px;
}
.gridQuoteResearch td
{
    border: 1px dotted #ccc;
    text-align: right;
}
.gridQuoteResearch th, .gridQuoteResearch td
{
    padding: 2px 6px;
}
.gridQuoteResearch th
{
    background: #e9901a;
    color: #fff;
    border: 1px dotted #ccc;
    border-right: 0;
    font-weight: bold;
    font-size: 11px;
}
.gridQuoteResearch .middleAlign
{
    text-align: left;
}

.gridQuoteResearchIdices
{
    padding: 0;
    margin-left: 32px;
    border-collapse: collapse;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    background: #fff;
    color: #666;
    width: 440px;
}
.gridQuoteResearchIdices td
{
    border: 1px dotted #ccc;
    text-align: right;
}
.gridQuoteResearchIdices th, .gridQuoteResearchIdices td
{
    padding: 2px 6px;
}
.gridQuoteResearchIdices th
{
    background: #e9901a;
    color: #fff;
    border: 1px dotted #ccc;
    border-right: 0;
    font-weight: bold;
    font-size: 11px;
}
.gridQuoteResearchIdices .middleAlign
{
    text-align: left;
}

.gridQRPager
{
    text-align: right;
    background-color: #E9901A;
}
.quoteTable .width-tbl
{
    margin-bottom: 0px !important;    
}
.divWaitingSymbol, .divWaitingSymbol2
{
    background-color: #FFFFFF;
    height: 17px;
    margin: 20px 0 0 1px;
    padding-top: 5px;
    position: absolute;
    width: 478px;
    text-align: center;
}
.divWaitingSymbol2
{
    width: 290px;
    margin: 22px 0 0 1px;
    height: 16px !important;
}
.tableQuoteBar
{
    height: 64px;
    width:100%;
}
.tdSymbol
{
    width: 185px;
    background: #EBE9E9;
    border: 1px solid #CCCCCC;
}
.tdQuote
{
    border: 1px solid #CCCCCC;
    background: #EBE9E9;
    width: 777px;
}
.mwStockSearchBoxTitle
{
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}
/*QR-Stock*/

/*End of QR-Stock*/

/*Price/Volatility Charts*/
.divDuration
{
    float: left;
    margin-left: 25px;
}
.divDuration a
{
    text-decoration: none;
    font-size: 11px;
}

.divDuration ul
{
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 0 -5px;
    padding: 0;
}
.divDuration ul li
{
    background: transparent url(../images/footer-separator.gif) no-repeat scroll 0 50%;
    display: inline;
    padding: 0 3px 0 5px;
}
.divDuration ul li.first
{
    background: transparent none repeat scroll 0 0;
}
.divChartStyle
{
    float: right;
}
.divDurChartStyle
{
    width: 960px;
    display: table;
    margin-top: 20px;
}
.divDurChartStyle select
{
    width: 120px;
}
.priceChart
{
    float: left;
    width: 927px;
}
.priceLabel
{
    float: left;
    margin-top: 200px;
}
.stockVolumeChart
{
    height: 150px;
    background-color: Silver;
    width: 100%;
}
.qrChart
{
    margin-left: 14px;
    width: 938px;
}
.btnChartExpand
{
    margin-left: -24px;
    position: absolute;
    margin-top: -18px;
}
.tblPercentile
{
    border-collapse: collapse;
}
.tblPercentile TH
{
    background-color: #F7F7F7;
    width: 125px;
    border: 1px solid #ccc;
}
.tblPercentileHeader
{
    float: left;
    margin-top: 4px;
    font-weight: bold;
}
.tblPercentile TD
{
    border: 1px solid #ccc;
    text-align: right;
}
.tblHorzontalHeader
{
    background-color: #F7F7F7;
    font-weight: bold;
    text-align: center !important;
}

.leftHeader
{
    background-color: White !important;
    border-left-color: White !important;
    border-top-color: White !important;
    width: 60px !important;
}
.divPercentile
{
    margin: 20px 0px 0px 200px;
    height: 197px;
}
.btnColorChange
{
    display: none;
}
/*End of Price/Volatility Charts*/
/*End of Quotes & Research*/
.helpContent
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
}
.helpContentHeader
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}
.divHelpWrapper
{
    float: left;
    text-align: justify;
    width: 350px;
    padding-left: 10px;
}
.helpContentLargeHeader
{
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
}
.lightGray
{
	color:LightGrey !important;
}
.tblIRABeneficiaries td
{
    padding-left:5px;
    padding-top:2px;
    text-align:left;
}
.tblIRABeneficiaries th
{
    padding-top:2px 5px;
    font-size:11px;
    font-weight:bold;
    text-align:center;
}
.aboutTBContentWrap
{
    width:570px;
    float:left;
}
.aboutTBHeaderImage
{
    float: left; 
    width: 100%; 
    height:90px;
}
.aboutTBContent
{
    float: left; 
    width: 570px;    
}
.aboutTBContent ul,.aboutTBContent li
{
	text-decoration: none;
	list-style: none;
}
.aboutTBContent ul
{
	padding:0px;
	margin:0px;
	float:left;
}
.aboutTBContent li
{
	text-decoration: none;
	list-style:none;
}
.aboutTBNavigatorWrap
{
    float: left; 
    width: 160px; 
    height: 100%;
    padding-right:10px;
}
.aboutTBBigBoldText
{
    font: bold 17px arial,Helvetica,sans-serif;
    color:#000000;
}
.aboutTBReadyRow
{
    float:left; 
    margin-bottom:15px;
    height:177px; 
    width:226px; 
    background-repeat:no-repeat;
}
.aboutTBPaddingBottom
{
    padding-bottom:15px;
}
.aboutTBNavigator
{
    font-size: 14px;
    font-weight: bold;
    color:#000000;
}
.aboutTBNavigator ul
{
	padding:0px;
	margin:0px;
}
.aboutTBNavigator li
{
	padding-bottom:15px;
	list-style:none;
	padding-left: 28px;
    padding-top: 3px;
    background-repeat:no-repeat;
}
.aboutTBNavigator a
{
	color: #000000;
	text-decoration: none;
}
.aboutTBText {
    font: 12px arial,Helvetica,sans-serif;
    padding-bottom: 17px;
}
.aboutTBNoPaddingBottom
{
    padding-bottom:0px !important;
}
.aboutTBLink a,.aboutTBLink a:hover
{
    text-decoration:none;
    color:#2F51BF;
    font-weight:bold;
    font-size:11px;
}
.aboutTBBoldTextPaddingBottom
{
    padding-bottom:5px;
}
