/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 9pt;
    font-family: inherit;
    vertical-align: baseline;
}

/* General */
body {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
    color: #1C1E1B;
    line-height: normal;
    font-weight: normal;
    text-decoration: none;
    background-color: transparent;
}

/* Forms */
select {
    font-size: 12px;
    width: 80px;
}

input[type=button] {
    font-size: 10px;
    width: 80px;
}

input[type=text] {
    font-size: 12px;
    width: 74px;
    text-align: left;
    padding: 3px 0px;
    margin: 0px 0px 5px 0px;
}

input[type=checkbox] {
    font-size: 10px;
}

.form_field {
    vertical-align: top;
    font-size: 12px;
    margin: 0px;
}

/* bottons */
.styledButton {
    cursor: pointer;
    border: none;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
    width: 100px;
    color: #000000;
    background-color: #E5E5E5;
    border: 1px solid #bababb;
}

    .styledButton:hover {
        text-decoration: none;
        color: #fff;
        background-color: #1363a5;
    }


/* Tables */
.IRTable {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

    .IRTable th, .IRTable td {
        padding: 2px;
        line-height: 20px;
        font-size: 8pt;
    }

    .IRTable th {
        text-align: left;
        font-weight: normal;
        /*background-color: #E5E5E5;*/
        color: #767676;
        font-size: 14px;
    }
    .IRTable td {
        text-align: left;
        color: #5f5e5e;
        font-size: 14px;
    }

        .IRTable th.right, .IRTable td.right, .IRTable th.right-align, .IRTable td.right-align {
            text-align: right;
        }

        .IRTable th.left-align, .IRTable td.left-align {
        }

/*
    Alt color : #D1DFF1    
*/

/* Lookup results table */
#quotetable {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

    #quotetable th, #quotetable td {
        padding: 2px;
        line-height: 20px;
        font-size: 8pt;
    }

    #quotetable th {
        text-align: left;
        font-weight: normal;
        /*background-color: #E5E5E5;*/
        color: #767676;
        font-size: 14px;
    }
    #quotetable td {
        text-align: left;
        color: #5f5e5e;
        font-size: 14px;
    }

        #quotetable td.alt {
        }

    #quotetable th.sort {
    }

.IRTableQuote {
    border-spacing: 0px;
}

    .IRTableQuote th, .IRTableQuote td {
        padding: 3px 7px;
    }

    .IRTableQuote th {
        text-align: left;
        font-weight: bold;
    }

    .IRTableQuote td {
        text-align: right;
    }

.IRTableMiniQuote {
    border-collapse: collapse;
}

    .IRTableMiniQuote th, .IRTableMiniQuote td {
        line-height: 24px;
        font-size: 13px;
        border-bottom: 1px solid #000;
    }

    .IRTableMiniQuote th {
        text-align: left;
        padding-left: 2px;
    }

    .IRTableMiniQuote td {
        text-align: right;
    }

.lookupCalc {
    width: 100%;
}

    .lookupCalc th, .lookupCalc td {
        font-weight: bold;
    }

    .lookupCalc th {
        text-align: left;
    }

    .lookupCalc td {
        text-align: right;
        line-height: 24px;
    }

.imgouter img {
    position: relative;
    padding-top: 0px;
}

/* Spacers */
.horiSpacer20 {
    height: 20px;
    background: transparent;
    width: 100%;
    clear: left;
    clear: right;
}

.horiSpacer40 {
    height: 40px;
    background: transparent;
    width: 100%;
    clear: left;
    clear: right;
}

/* Links */
a {
    text-decoration: underline;
}

    a:link, a:visited {
        color: #666666;
    }

    a:hover, a:active {
        text-decoration: none;
        color: #CC0000;
    }

    a:link.printerFriendly {
        padding-left: 20px;
        background: url(images/printer_TransBG_simple2_Out.gif) no-repeat;
    }

    a:visited.printerFriendly {
        padding-left: 20px;
        background: url(images/printer_TransBG_simple2_Out.gif) no-repeat;
    }

    a:hover.printerFriendly {
        padding-left: 20px;
        background: url(images/printer_TransBG_simple2_Hover.gif) no-repeat;
    }

    a:active.printerFriendly {
        padding-left: 20px;
        background: url(images/printer_TransBG_simple2_Hover.gif) no-repeat;
    }

.disclaimer {
    color: #232323;
}

    .disclaimer a {
        text-decoration: none;
        color: #232323;
    }

.header {
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 3px;
    color: #1363a5;
    background-color: #E5E5E5;
    text-transform: uppercase;
}


.sharePriceTools .ordersIFrame
{
    width: 49%;
    float: left;
}

.sharePriceTools .tradesIFRame
{
    width: 49%;
    float: right;
}

.shareInfoIFrame
{
    width: 100%;
    height: 190px;
}
.calculatorIFrame
{
   width: 100%; 
   height: 390px;
}

@media screen and (max-width: 500px) {
    .sharePriceTools .tradesIFrame, .sharePriceTools .ordersIFrame  {
       width: 100%;
    }
    .shareInfoIFrame
    {
        height: 210px;
    }

    .IRTable .high, .IRTable .low, .IRTable .week52, .IRTable .bid, .IRTable .ask, .IRTable .desktop
    {
        display: none;
    }
    .datePicker
    {
        width: 70%;
    }
    .calculatorIFrame
    {
        height: 440px;
    }
}