/* ------------------------------------------------------------------------------*/
/* | **************************************************************************  |*/
/* | START OF MAIN INTERFACE CSS TAGS - DO NOT TOUCH/CHANGE WITHOUT CONTACTING   |*/
/* | BILL DENGLER OR NICOLAS CHALESLE                                            |*/
/* | **************************************************************************  |*/
/* -------------------------------------------------------------------------------*/
@import url(global.css);

html { /* This CSS tag is for the grey background of IB site */
	background: transparent url(../images/sitetemplate/mainTemplateBkgrnd_inst.gif) repeat-x; 
}

#header { /*this header css is the IBGmain and en/individual graphic */
	z-index: 0;
	left:auto; 
	right:auto; 
	margin: 0px auto;
	width: 950px;
	height: 150px;
	background: transparent url(../images/sitetemplate/mainTemplateHeader_2_inst.gif) no-repeat center top;
	text-align: left;
	background-position: 0 0;
}

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

a:hover,
.CellHeader a:hover, .cellheader a:hover, .CellHeader2 a:hover, .pdfCellHeader a:hover, .pdfcellheader a:hover, .pdfCellHeader2 a:hover {
	text-decoration: none;
	color: #666666;
}

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;}

#instmenu{
	position: absolute;
	z-index: 1000;
	left:auto; 
	right:auto; 
	top: 107px;
	/*width: 770px;*/
	width: 950px;
	text-align:center;
}

.CellHeader, .cellheader, .CellHeader2, .pdfCellHeader, .pdfcellheader, .pdfCellHeader2 { /*The main part of this style is in the global.css*/
	color: #FFFFFF; 
	background-color:#4D4557 
}

.CellHeader a, a .cellheader, a .CellHeader2, a .pdfCellHeader, a .pdfcellheader, a .pdfCellHeader2,
.CellHeader a:visited, .cellheader a:visited, .CellHeader2 a:visited, .pdfCellHeader a:visited, .pdfcellheader a:visited, .pdfCellHeader2 a:visited{
	text-decoration: underline;
	color: #FFF;
}

.CellTitle, .cellTitle, .celltitle,
.CellTitle2, .cellTitle2, .celltitle2,
.CellTitle3, .cellTitle3, .celltitle3 { /*The main part of this style is in the global.css*/
	color: #FFFFFF;
	background: #AFA8B9;
	border-bottom: 2px solid #999999;
		/*top   right  bottom left444C56*/
}

.CellOn, .dropdown { /*The main part of this style is in the global.css*/
	background: #dbd4e4;
}


/* Navigation for ib institutional pages
-----------------------------------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.navigationmenu ul{
margin: 0;
padding: 0;
list-style: none;
font-family: Arial, Helvetica, Verdana sans-serif; 
}

/*Top level list items*/
.navigationmenu ul li{
position: relative;
display: inline;
float: left;
/*width:110px;background:url(new_interface/nav_products.gif) 0 0 no-repeat;*/
}

/*Top level menu link items style*/
.navigationmenu ul li a{
display: block;
/*width: 110px;*/
width: 135px; 
padding: 0px 0px 0px 0px;
border: 0px solid black;
border-left-width: 0;
text-decoration: none;
color: white;
text-align:center;
font-family: Arial, Helvetica, Verdana sans-serif; 
font-size:12px;
font-weight:normal;
	/*top   right  bottom left*/
}
.navigationmenu ul li a:visited, a:hover{
color: white;
text-decoration: none;
}

	
/*1st sub level menu*/
.navigationmenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
border: 1px solid black;
width: 170px; /* black border width around subm level menue links */
min-width: 180px;
max-width: 180px;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.navigationmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.navigationmenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.navigationmenu ul li ul li a{
display: block;
width: 170px; /*width of sub menu levels*/
color: black;
text-decoration: none;
padding: 3px 5px;
border-bottom:1px solid #999;border-top:1px solid #eee;
background-color: #ccc;
text-align:left;
font-family: Arial, Helvetica, Verdana sans-serif; 
font-size:10px;
	line-height: 12px;
}
.navigationmenu ul li ul li a:visited, a:hover{
color: black;
text-decoration: none;
}


.navigationmenu ul li a:hover{
/*width:110px;background:url(new_interface/nav_products_over.gif) 0 0 no-repeat;*/
background-color: #7E718F;
color: black;
}

/*Background image for top level menu list links */
.navigationmenu .mainfoldericon{
/*background: #F3F3F3 url(arrow-down.gif) no-repeat center right;
width:110px;background:url(../images/images_inst/nav_button_blank.gif) 0 0 no-repeat;*/
}

/*Background image for subsequent level menu list links */
.navigationmenu .subfoldericon{
background: #ccc url(../images/images_inst/arrow-right.gif) no-repeat center right;
border-bottom:1px solid #999;border-top:1px solid #eee;

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* IE Hack \*/
* html .navigationmenu ul li { float: left; height: 1%;}
* html .navigationmenu ul li a { height: 1%;}
* html .navigationmenu ul li ul li { float: left;}
/* End */


/* Navigation
-----------------------------------------------------------------*/
ul#navigation{
/*display:inline;*/
list-style:none;
/*position:absolute;*/
margin:0px 0px 0px 0px;
padding:0;
height:40px;
width:207px;
z-index:200;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}
ul#navigation li{
display:inline;
float:left;
margin:0;padding:0;
position:relative;
}
ul#navigation li a{
display:block;
height:22px;
text-indent:-9000px;
/*outline:none;*/
}

li.account, li.account a, li.account a:hover{
width:207px;
height:40px;
background:url(http://www.interactivebrokers.com/inst/images/mnTempbtnOpenAcct4.gif) 0 0 no-repeat;
}

ul#navigation li ul { /* second-level lists */
position: absolute;
top:0px;
width: 150px;
left: -999em; 
list-style:none;
z-index:200;
padding:0;
}
ul#navigation li ul li{float:none;background:transparent;}

ul#navigation li:hover ul, ul#navigation li.over ul { /* lists nested under hovered list items */
left:auto; 
right:auto; 
top:25px;
}
ul#navigation li ul li a:hover, ul#navigation li ul li a{
font-weight:bold;
text-indent:25px;
z-index:200;
margin-left:20px
}
ul#navigation li ul li a:hover{
background:url(http://www.interactivebrokers.com/images/sitetemplate/MTopenacctchild2.gif) 0 0 no-repeat;
}

ul#navigation li ul li a{
background:url(http://www.interactivebrokers.com/images/sitetemplate/MTopenacctchild.gif) 0 0 no-repeat; 
}


/*Tab CSS for Open Account Pages*/
.acctapptabs{
float:left;
width:100%;
line-height:normal;
border-bottom: 1px solid #999; /*Add border strip to bottom of menu*/
font: bold 11px Verdana, Arial, Georgia, sans-serif;
}

.acctapptabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.acctapptabs li{
display:inline;
margin:0;
padding:0;
}

.acctapptabs a{
float:left;
background:url(http://www.interactivebrokers.com/images/common/acctapptab-left.gif) no-repeat left top;
margin:0;
margin-right: 1px; /*spacing between each tab*/
padding:0 0 0 9px;
text-decoration:none;
}

.acctapptabs a span{
float:left;
display:block;
background:url(http://www.interactivebrokers.com/images/common/acctapptab.gif) no-repeat right top;
padding: 5px 30px 3px 3px;
/*top   right  bottom left*/
font-weight:bold;
color:#3B3B3B;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.acctapptabs a span {float:none;}

/* End IE5-Mac hack */

.acctapptabs a:hover span {
color: black;
}

.acctapptabs a.current{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

.acctapptabs a.current span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: black;
}

.acctapptabs a:hover{ /*onMouseover style*/
background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

.acctapptabs a:hover span{ /*onMouseover style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:auto; /*1.5emheight of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}