/* ------------------------------------------------------------------------------*/
/* | **************************************************************************  |*/
/* | 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_en.gif) repeat-x; 
}

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

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

a:hover, .CellHeader a:hover, .cellheader a:hover, .CellHeader2 a:hover, .pdfCellHeader a:hover, .pdfcellheader a:hover, .pdfCellHeader2 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;}

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

.h1noshow{display:none} /*this hides h1 reference from search engines. Used on main IBG and main en*/

.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, .celltitleright { /*The main part of this style is in the global.css*/
	color: #ffffff;
	background: #71818e;
	border-bottom: 2px solid #999999;
		/*top   right  bottom left444C56*/
}

.CellTitle a, .CellTitle a, .cellTitle a, .celltitle a {
color: #FFF;
text-decoration:underline}

.CellTitle a:hover, .CellTitle a:hover, .cellTitle a:hover, .celltitle a:hover {
color: #000;
text-decoration:none
}

.celltitleright{
        border-right: 1px solid #999999;
}

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

/*Controls the flash applicaiton on the front page*/
#flashcontent {
	width: 739px;
	margin-left:10px;
	padding: 5px;
}
.fptext {
	font-family: normal Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 14px;
	margin: 5px 20px;
	padding: 5px;
}

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