/* RESET */
html,body,iv,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blciquote,fieldset,input{margin:0;padding:0}

h1,h2,h3,h4,h5,h6,strong{font-size:1 em; font-weight:normal; font-style:normal}

span,a,td{font: 12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif}                                                         /* New 9/12/2011 */

html
{
    /* This CSS tag is for the grey background of IB site */
    overflow-y: scroll;
}

body
{
    margin: 0;
    padding: 0;
    text-align: center;
    color: #333;
    background: transparent url(https://www.interactivebrokers.com/Universal/images/newimages/mainTemplateBkgrnd_en.gif) repeat-x fixed;                                                           /* New 8/18/2011 */
    font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    -webkit-font-smoothing: antialiased
}

.table_container
{
    margin-left:20px;
    padding: 0;
    border: 0px solid #999;
    width:910px
}

.tabletable
{
    margin: 0px 20px;
    border: 1px solid #ccc;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

tr.linebottom td
{
    border-bottom:1px dashed #CCCCCC;
}

tr.borderbottom td {
    border-bottom: 1px solid #CCCCCC;                                                                                                                       /* New 9/13/2011 */
}

.table_header, .table_subheader
{
    padding: 5px 8px;
    font-size:14px;
    font-weight:bold;
    line-height: 18px;
    color:#0066FF;
}

.table_subheader
{
    color:#000
}

.table_content, .stat_numbers
{
    padding: 8px;
    font-size:12px;
    line-height: 13px;
    color: #000;
}

.stat_numbers
{
    font-size:11px;
    font-weight:bold
}

.table_bkgrnd
{
    background: -moz-linear-gradient(100% 100% 90deg, #dde1e4, #FFFFFF);                                                                                    /* New 8/18/2011 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#dde1e4));
    background: -webkit-linear-gradient(#dde1e4, #FFFFFF);
    background: -o-linear-gradient(#dde1e4, #FFFFFF);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#dde1e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dde1e4',GradientType=0 );                                     /* Changed Order 8/18/2011 */
}

.line_right_gray
{
    border-right: #CCCCCC 1px solid;
}

.table_subheader1
{
    padding: 5px 8px;
    font-size:14px;
    font-weight:bold;
    line-height: 18px;
    color:#0066FF;
}


.ui-tabs-nav a span .count
{
    /* CONTROLS THE NUMBER IN THE TAB -- NEW -- */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    background:#999;
    padding:1px 5px;
    display:inline;
    color:#FFF
}

.programmers
{
    background-color:#99FF99;
    border:1px solid #009933
}

#main_header_body
{
    background: #D6D6D6;
}

#main_header_uarv1_wrapper
{
    background: transparent url(https://www.interactivebrokers.com/Universal/images/newMenu_UARv1/header_top.png) repeat-x;
}

#container
{
    /*WARNING - DO NOT TOUCH/CHANGE - ANY CHANGES WILL ALTER THE WEBSITE*/
    margin: 0 auto;
    height: auto;
    width: 950px;
    top: 138px;
    border: 0;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 0px;
}

.top_container
{
    padding-right: 16px;
}

#contents
{
    margin: 0 auto;
    padding-bottom: 20px;
    padding-top: 15px;
    background-color:#fff;
    border: none;
    border-bottom:1px solid #999;
    border-left:1px solid #999;
    border-right:1px solid #999;
    /* rounded corners*/
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    /* drop shadow*/
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#header
{
    /*this header css is the IBGmain and en/individual graphic */
    z-index: 0;
    left:auto;
    right:auto;
    margin: 0px auto;
    width: 950px;
    height: 184px;                                                                                                                                          /* Changed 9/12/2011 to support new fonts */
    text-align: left;
}

#account_number {
    position:absolute;
    font-size:12px;
    color:#666;
    width:700px;
    height: inherit;
}

#account_number .acct_num_table {
    bottom: 0;
    position: absolute;
    margin-left:15px;
}

#theAccountId {
    color: #333;
    font: normal 14px "Courier New", Courier, monospace;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    background: #BBBBBB;
    padding: 1px 10px;
}

#backtohome
{
    position: absolute;
    z-index: 10;
    left:auto;
    right:auto;
    top: 10px;
    margin-left: 10px;
    font-size:11px
}

#nav_right
{
    z-index: 5000;
    color: #666;
    text-align:right;
    padding:5px 5px 5px 15px;
    /*background: url(https://www.interactivebrokers.com/Universal/images/newMenu_UARv1/topnav_right.png) repeat-x;
    border:1px dotted #000;*/
    float: right;
}

#nav_right, #nav_right a, #nav_right a:visited, #nav_right a:hover
{
    font-size:12px;
    text-decoration: none;
    color: #ccc;
    line-height:20px;
    margin-right:15px
}

#nav_right a:hover
{
    text-decoration: none;
    color:#FFC;
    border-bottom:1px dotted #fff
}

#video
{
    position:absolute;
    top:100px;
    left:450px;
    height: auto;
    z-index:90000;
}

.toprightmenu
{
    position:absolute;
    margin: -115px 0 0 765px;
    z-index:5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    background-color:#ccc;
    padding:5px 10px
}

.deleteapp
{
    position:absolute;
    margin: 110px 0 0 820px;
    z-index:5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    background-color:#ccc;
    padding:5px;
    font-size:9px
}

.toprightmenu a:link, .toprightmenu a:visited, .deleteapp a:link, .deleteapp a:visited
{
    color: #000;
    text-decoration:none
}

.toprightmenu a:hover, .toprightmenu a:active, .deleteapp a:hover, .deleteapp a:active
{
    color:#666;
    text-decoration:underline
}

.toggleControl a:link
{
    text-decoration:none
}

#logo
{
    position:absolute;
    margin: -115px 0 0 10px;
    z-index:5000;
}


#mainbody
{
    left:auto;
    right:auto;
    margin: 0 auto;
    height: auto;
    width: 900px;
    padding: 0 20px;
}

#mainBodyBottom
{
    left: auto;
    right:auto;
    width: 950px;
    padding-top:10px;
    background:  url(https://www.interactivebrokers.com/Universal/images/newimages/mainTempBodBot_3.png) no-repeat bottom left;
    height: 20px;
    text-align: justify;
}

.registration
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    background:#e9e8e8
}

.submenu
{
    /*background:  url(https://www.interactivebrokers.com/Universal/images/newimages/bkgrnd_submenu.gif) repeat-x 0 0;*/
    background-color:#ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.registration td, .submenu td
{
    padding:5px 10px
}

.required
{
    color:#FF0000
}

.selectedaccount
{
    color: #D32033;
}

pre .required
{
    color:#FF0000;
    font-size:11px
}


h1, h2, h3, h4, h5, h6 {

}

h1
{
    font-size: 18px;
    font-weight:bold;
    color: #000;
    padding-bottom: 25px;
}

h3
{
    color: #0066FF;
    font-size:16px;
    font-weight:lighter
}

h3 .explain, h4 .explain
{
    font-size:11px;
    margin:1px;
    border:black;
}

a, a:visited
{
    text-decoration: underline;
    color: #0000FF;
}

a:hover
{
    text-decoration: none;
    color: #666;
}

a img, a:visited img, a:hover img, a:link img, a:active img
{
    text-decoration: none;
    border: none;
    outline:0px;
}

a:focus, a:focus img
{
    outline:0px;
}

.round_corners
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.round_left_top
{
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-radius: 5px;
}

.round_right_top
{
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -khtml-border-radius: 5px;
}

.round_left_bottom
{
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -khtml-border-radius: 5px;
}

.round_right_bottom
{
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius: 5px;
}

tr.border_bottom td
{
    border-bottom:1px dotted #CCC;
}

tr.border_top_bottom td
{
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
}

tr.noborder_bottom td
{
    border-bottom:0px;
}

.attention2
{
    background: transparent url(https://www.interactivebrokers.com/Universal/images/newimages/information.png) no-repeat 5px 7px;
    height:32px;
    padding-left:35px;
    padding-right:35px;
}

.textSmall
{
    font-size: 10px;
    line-height: 12px;
}

.attention_smaller
{
    background: transparent url(https://www.interactivebrokers.com/Universal/images/newimages/information_24x24.png) no-repeat 5px 7px;
    height:32px;
    padding-left:35px;

}

.attention_border
{
    border:1px solid #007be1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.warning, .warning_text
{
    background: #ffda8c url(https://www.interactivebrokers.com/Universal/images/newimages/bkgrnd_warning.gif) repeat-x 0 0;
    border:1px solid #FFCC66;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.warning_text
{
    /*Used around text only in a span tag */
    padding: 5px;
    line-height: 30px
}

.kaspars_warning
{
    font-size:12px;
    line-height:14px;
    color:#ff0000
}

.hiddencode
{
    position:absolute;
    margin: -35px 0 0 450px;
    z-index:5;
    font-size:9px;
    color: #fff;
}

tr.tableheader td
{
    background-color:#CCC
}

.organgeborder, tr.organgeborder td
{
    border:1px solid #FFCC66;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.error
{
    background: #ffc64c url(https://www.interactivebrokers.com/Universal/images/newimages/bkgrnd_error.gif) no-repeat 0 0;
    padding-left:35px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-radius-bottomleft: 5px;
    border:1px solid #ff9600;
    border-top:0px;
}

.error_field
{
    background: #FFF url(https://www.interactivebrokers.com/Universal/images/newimages/bkgrnd_error_field_2.gif) no-repeat 0 0;
    border:1px solid #ff0000;
    padding:3px 3px 3px 25px
}

option
{
    border-bottom:1px dotted #CCC;
}

input, select, textarea
{
    border:1px solid #666;
    padding:3px
}

textarea:focus, input:focus, input:hover
{
    background-color:#d2fbaa;
}/*e3eef7*/

input[type="radio"]
{
    border:none
}

.agreementbox
{
    width: 98%;
    height: 250px;
    overflow: auto;
    border: 1px solid #999;
    padding: 5px;
    background: #FFF;
}

.agreementbox ul {
    padding-left:35px
}

ul {
    padding-left:20px;
    list-style-image: url(https://www.interactivebrokers.com/Universal/images/newMenu_UARv1/arrow_12x12.png);
}

#printheader
{
    display:none;
}

#contents_topframe_tabs
{
    top: 185px;
    position: absolute;
    height: 14px;
    margin: 0 auto;
    background-color:#fff;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -khtml-border-radius-topleft: 5px;
    -khtml-border-radius-topright: 5px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

#contents_topframe_tabs .cover_div
{
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -webkit-border-radius-topright: 5px;
    -khtml-border-radius-topleft: 5px;
    -khtml-border-radius-topright: 5px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: #FFFFFF;
    z-index: -1000;
}

#contents_topframe_tabs #tabs
{
    width: 948px;
}

#tabs span
{
    font: bold 11px Arial,Helvetica,sans-serif;                                                                                                             /* New 9/12/2011 */
}

.tab_table_container
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #CCC;
    padding: 5px;
}

/* ALL NEW */

.ui-dialog
{
    /* drop shadow*/
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
}

.ui-dialog-content, #webinarsTable
{
    font: 11px/18px arial, helvetica, sans-serif;
}

.ui-tabs-panel
{
    padding: 20px;
}

.emptyTabs .ui-tabs-panel 
{
    padding: 0px;
}
