body {margin-top:0; margin-left:0; margin-right:0}
a{color:#07519a;}
a:active,h1,.m3 h2,.borderedblip h2,.blipcap{color:#009900}

TD {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}

.BlackLinks {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: white;
	text-decoration: none; 
}

.BlackLinks a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF9900;
	text-decoration: none;
}

.whitelinks {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	text-decoration: none;
}

.whitelinks:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	text-decoration: underline;
}

.BlackLinksB {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.BlackLinksB:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background:#003366;
	text-decoration: underline;
}
.smallHeader {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: blue;
	#C0C0C0
}

.whitetxt {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.smallruletxt {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #C0C0C0;

}

#headings { background-color:#CCCCFF; color:green }

}

// stocks headers

#navcontainer
{
margin: 10px 0 0 30px;
padding: 0;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0px;
padding: 0;
list-style-type: none;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff;
width: 110px;
height: 18px;
border-top: 1px solid #f5d7b4;
border-left: 1px solid #f5d7b4;
border-bottom: 1px solid #f5d7b4;
border-right: 1px solid #f5d7b4;
padding: 0;
margin: 0 0 0px 0;
color: black;
text-decoration: none;
display: block;
text-align: center;
font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #930;
background: #f5d7b4;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

#navcontainer li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}

// HP - stocks

#smallnav
{
margin: 10px 0 0 30px;
padding: 0;
height: 20px;
}

#smallnav ul
{
border: 0;
margin: 0px;
padding: 0;
list-style-type: none;
text-align: center;
}

#smallnav ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#smallnav ul li a
{
background: #fff;
width: 30px;
height: 18px;
border-top: 1px solid #f5d7b4;
border-left: 1px solid #f5d7b4;
border-bottom: 1px solid #f5d7b4;
border-right: 1px solid #f5d7b4;
padding: 0;
margin: 0 0 10px 0;
color: black;
text-decoration: none;
display: block;
text-align: center;
font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#smallnav ul li a:hover
{
color: #930;
background: #f5d7b4;
}

#smallnav a:active
{
background: #c60;
color: #fff;
}

#smallnav li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}

// HOVER over button with information

#nav{
  float:left;
}
#nav, #nav li{
	list-style-type:none;
}
#nav li li{
	cursor: pointer;
	cursor: hand;
}

#nav, #nav li {
	width:100%;
}
#nav a {
	color:#1D335A;
   	display: block;
	height:24px;	
}
#nav li{
	font:normal 77% verdana;
}
#nav li li {
	clear:left;
	font:normal 100% verdana;	
}
#nav li li a{
	height:auto;
	text-indent:0;
}

#navcontainer li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}

#nav li ul div.wrap {
	margin: -3.5em 0 0 112px;
}

div.wrap{
    position: absolute;
    left: -999em;
    font-weight: normal;
	padding:10px 0 0 0;
}
div.btm{
*/	height:100%;
	padding:0 0 7px 0;
*/	clear:both;
}
#nav div.btm ul, #nav div.btm div.mid{
	padding:0 4px 0 4px;
}
#nav div.btm ul li{
	padding:2px 8px;
}

#nav li li li a{
	padding:0 0 0 6px;
}

#nav li:hover div.wrap,
#nav li.sfhover div.wrap,
#nav li li:hover div.wrap,
#nav li li.sfhover div.wrap{
    left: auto; 
}
#nav li:hover div.wrap div.wrap,
#nav li.sfhover div.wrap div.wrap{
    left: -999em;
}
#nav li:hover li:hover div.wrap,
#nav li.sfhover li.sfhover div.wrap{
    left: 5px;  /* originall: auto*/
}

#nav{
	width:579px;
	height:28px;
	padding:4px 0 0 6px;
	 	
}

#nav li#util-symbol-lookup
{
	float:left;
width: 90px;
height: 18px;
border-top: 1px solid #f5d7b4;
border-left: 1px solid #f5d7b4;
border-bottom: 1px solid #f5d7b4;
border-right: 1px solid #f5d7b4;
padding: 0;
margin: 0 0 10px 0;
background:black;
text-decoration: none;
display: block;
text-align: center;

}

#nav li#util-symbol-lookup{
	width:107px;
	color:red;
}
#nav li#util-symbol-lookup div.wrap{
    width:477px;
    background:url(http://us.js2.yimg.com/us.yimg.com/i/us/fi/yfc/images/chart_sprite_dropdowns_1.1.gif) no-repeat;
}
#nav li#util-symbol-lookup div.btm{
    background:url(http://us.js2.yimg.com/us.yimg.com/i/us/fi/yfc/images/chart_sprite_dropdowns_1.1.gif) -486px 100% no-repeat;
    height:100%;
}

#nav li#util-symbol-lookup  div.btm div.mid{
    background:url(http://us.js2.yimg.com/us.yimg.com/i/us/fi/yfc/images/sym-mid_1.1.gif) repeat-y;
}
#nav li#util-symbol-lookup  div.btm div.mid{
	padding:0 12px;
}
#nav li#util-symbol-lookup  div.btm div.mid input, #nav li#util-symbol-lookup  div.btm div.mid select{
	font:normal 122% verdana;
}
#nav li#util-symbol-lookup #symlookupbutton{
  width:63px;
  height:21px;
  background:url(http://us.js2.yimg.com/us.yimg.com/i/us/fi/yfc/images/chart_sprite_1.4.1.gif) -43px -794px no-repeat;
}

#nav ul li:hover, #nav ul li.sfhover {
	background-color: #C2DDFA;
}

#nav li#util-symbol-lookup:hover, #nav li#util-symbol-lookup.sfhover {
	background-position:-6px -36px;
}

#symwrapper{
	border:1px solid #c1cee1;
	padding:5px;
}
#nav li#util-symbol-lookup  div.btm div.mid{
	padding:5px 10px;
}

#symresults{
      padding:10px 0 0 0;
      color:#1d335a;
      display:none;
}

.mtable {

	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-right-width: thin;
	border-color: #9999FF;
	border-width: thin;
}

.borderbottom {

	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-width: thin;
	border-right-width: thin;
	border-color: #9999FF;
	border-width: thin;
}

#navTitle { margin:5px; display:inline; font-size:95% }
#navTitle ol { margin:5px 0; padding:0; list-style:none; color:black}
#navTitle ol li { display:inline }

.largeTxt {
	font-family: Arial Narrow;
	font-size: 16px;
	color:#003366;
	font-weight:bold;
	text-decoration: none;
}

.d1 {

vertical-align: top;
padding-left: 7px;
padding-right: 7px;
padding-top: 2px;
padding-bottom: 2px;
border-top:solid 1px #c8d8ef;
border-bottom:solid 1px #c8d8ef;
border-left:solid 1px #c8d8ef;
border-right:none;
width:160;

}

.d2 {

vertical-align: top;
padding-left: 7px;
padding-right: 7px;
padding-top: 2px;
padding-bottom: 2px;
font-weight:bold;
text-align:right;
border-top:solid 1px #c8d8ef;
border-bottom:solid 1px #c8d8ef;
border-left:none;
border-right:solid 1px #c8d8ef; 
}

.s1 {
	font:1.6em arial narrow;
	padding-top:10px;
	font-weight:bold;
	display:block;
	vertical-align:bottom;
	border-top:solid 1px #c8d8ef;
	border-bottom:solid 1px #c8d8ef;
	border-left:solid 1px #c8d8ef;
	border-right:solid 1px #c8d8ef; 
}

.mnav {

vertical-align: top;
padding-left: 7px;
padding-right: 7px;
padding-top: 2px;
padding-bottom: 2px;
border-top:solid 1px #c8d8ef;
border-bottom:solid 1px #c8d8ef;
border-left:solid 1px #c8d8ef;
border-right:solid 1px #c8d8ef;
font:0.8em arial narrow;
font-weight:bold;
background-color:#333366;
color:white;

}

.subnav {

vertical-align: top;
padding-left: 7px;
padding-right: 7px;
padding-top: 2px;
padding-bottom: 2px;
padding-left:18px;
text-align:left;
border-top:solid 1px #c8d8ef;
border-bottom:solid 1px #c8d8ef;
border-left:solid 1px #c8d8ef;
border-right:solid 1px #c8d8ef; 
}

.mbox1 {

border-top:1px solid #c8d8ef;
border-bottom:1px solid #c8d8ef;
border-left:1px solid #c8d8ef;
border-right:1px solid #c8d8ef;

}

table{margin:0;padding:0;border-collapse:collapse}



/* NEW PAGE TAB STYLES */

#container { /*WARNING - DO NOT TOUCH/CHANGE - ANY CHANGES WILL ALTER THE WEBSITE*/
	left:auto; 
	right:auto; 
	margin: 0 auto;
	padding: 0;
	height: 600px;
	width: 779px;
	top: 138px;
	border: 0;
	text-align: left;
	padding-bottom: 20px;
	padding-top: 10px;
	
/*	background-image: url(../images/sitetemplate/mainTemplateColumnBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom; 1px solid #666666;*/

}


#tabscontainer {
	position: relative;
	z-index: 2;
	top: 9px;
	border: 0;
	margin-left: 1px;
	width: 650px;
}
.basictab ul{
	margin: 0;
	padding: 0;
	font: bold 11px Arial, verdana, helvetica;
	border-bottom: 0;
	list-style-type: none;
	text-align: center; /*set to left, center, or right to align the menu as desired*/
}
#tabcontentcontainer{
	width:100%; /*width of 2nd level content 100%*/
	height:1.5em; /*height of 2nd level content. Set to largest's content height to avoid jittering. 1.5em*/
	top: 432px;
	margin-left: 0px;/*how far from left the child sections are*/
		/*background:url("bnrBackground.gif") repeat-x;
		margin-top:18px;*/
}
.tabcontent{
	display:none;
}
.basictab
{
	float:left;
	width:600px;
	background:none;
	font-size:93%;
	line-height:normal;
	margin-left: 0px; /*how far from left the tabs are*/
	border-bottom:0;
}
.basictab li
{
	float:left;
	background:url("http://www.interactivebrokers.com/images/sitetemplate/tab_right3.gif") no-repeat right top;
	margin: 0px 3px 0px 0px;
		/*top   right  bottom left*/
	padding:0px;
}
.basictab li a:hover
{
	background:url("http://www.interactivebrokers.com/images/sitetemplate/tab_right.gif") no-repeat right top;
}
.basictab a
{
	display:block;
	background:url("http://www.interactivebrokers.com/images/sitetemplate/tab_left3.gif") no-repeat left top;
	padding:2px 11px; /*controls spacing of text from inner tab*/
	color: #FF0000;
		text-decoration:none;
}
.basictab a:hover
{
	display:block;
	background:url("http://www.interactivebrokers.com/images/sitetemplate/tab_left.gif") no-repeat left top;
	color: #000000;
}
.basictab li a.current{
	background:url("http://www.interactivebrokers.com/images/sitetemplate/tab_right.gif") no-repeat right top;
		color: #000000;
	text-decoration:none;
	border-left: 1px solid #B0B0B0;
}


.cellwebinar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 1px;
	padding-left: 5px;
	border-bottom: 1px solid #cccccc;
}

.title_header {
  background: white;
  padding: 5px 0px 3px;
  }
    
  .title_header h2 {
    margin: 0px;
    font-size: 14px;
    padding: 5px 0px 2px;
    background: url('/images/icons/hidden.gif') no-repeat 1px 0px; 
    border-bottom: solid 1px #ccc;}
  
#breadcrumbs { margin:5px; display:inline; font-size:95% }
#breadcrumbs ol { margin:5px 0; padding:0; list-style:none; color:black}
#breadcrumbs ol li { display:inline }

#lstmenu
{
margin: 0px 0 0 0px;
padding: 0;
height: 20px;
}

#lstmenu ul
{
border: 0;
margin: 0px;
padding: 0;
list-style-type: none;
}

#lstmenu ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#lstmenu ul li a
{
background: #fff;
width: 90px;
height: 18px;
border-top: 1px solid #f5d7b4;
border-left: 1px solid #f5d7b4;
border-bottom: 1px solid #f5d7b4;
border-right: 1px solid #f5d7b4;
padding: 0;
margin: 0 0 0px 0px;
color: black;
text-decoration: none;
display: block;
text-align: center;
font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#lstmenu ul li a:hover
{
color: #930;
background: #f5d7b4;
}

#lstmenu a:active
{
background: #c60;
color: #fff;
}

#lstmenu li#active a
{
background: #c60;
border: 1px solid #c60;
color: #fff;
}


#errortext {

vertical-align: top;
padding-left: 7px;
padding-right: 7px;
padding-top: 2px;
padding-bottom: 2px;
border-top:solid 1px #999999;
border-bottom:solid 1px #999999;
border-left:solid 1px #999999;
border-right:solid 1px #999999;
font:0.8em arial narrow;
font-weight:bold;
text-align:center;
background-color:#CCCCCC;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: red;
text-decoration: none; 

}
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 20px;
z-index: 100;
background-color:#CCCCFF;
width: 80px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
text-align:left;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}

.mHeader {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: blue;
	#C0C0C0
}

.subHeader {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: blue;
	#C0C0C0
}



.listingtitle {color: #494949; font-weight: bold; text-decoration: none; font-size:11px}
.listingtitle A {  color: #494949; text-decoration: none;}
.listingtitle A:visited {color: #494949; text-decoration: none;}
.listingtitle A:hover {color: #383838; text-decoration: none;}
.listingtitle A:active {  color: #383838; text-decoration: none;}

.listingratings {color: #616161; font-size: 11px; font-weight: bold; text-decoration: none;}
.listingratings A {  color: #616161; text-decoration: none;}
.listingratings A:visited {color: #616161; text-decoration: none;}
.listingratings A:hover {color: #454545; text-decoration: none;}
.listingratings A:active {  color: #454545; text-decoration: none;}

.detailtitle {color: #454545; font-size:14px; font-weight: bold; text-decoration: none;}

.lnkbutton
{
background: #fff;
width: 110px;
height: 18px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 0;
margin: 0 0 0px 0;
color: red;
text-decoration: none;
display: block;
text-align: center;
font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.freebutton
{
background: #fff;
width: 110px;
height: 18px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 0;
margin: 0 0 0px 0;
color: red;
text-decoration: none;
display: block;
text-align: center;
font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.mytitle

{
background: #fff;
width: 710px;
height: 18px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 0;
margin: 0 0 0px 0;
text-decoration: none;
display: block;
text-align: left;
font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.mysubtitle

{
background: #fff;
width: 710px;
height: 18px;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding: 0;
margin: 0 0 0px 0;
text-decoration: none;
display: block;
text-align: left;
font: normal 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}