@charset "UTF-8";
/* CSS Document */

/* TRADERSU TITLE STYLES ---------------------------------------------------------------------------------------------------- */
.tubackground {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	width: 948px;
	height: 100px;
}
.tradersu-title {
	margin:0px auto;
	padding:16px 0px 16px 115px;
	width:410px;
	height:50px;
	font:normal bold 44px/48px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	letter-spacing:0.01em;
	color:#5D77A6;
	background:transparent url(/images/common/tradersu/icon_tradersu_cap.png) no-repeat 0px 0px;
}
/* TRADERSU XML TAB STYLES ---------------------------------------------------------------------------------------------------- */
.ui-tabs-nav {
    margin:0px 0px 0px 1px;
    padding:0px 0px 0px 16px; /* PUSHES TAB SET OVER FROM LEFT */
	width:932px; /* 948px */
	height:auto;
    list-style:none;
}
.ui-tabs-nav:after { /* Clearing without presentational markup, IE gets extra treatment */
    display:block;
    clear:both;
    content:" ";
}
.ui-tabs-nav li {
    float:left;
    margin:0px 0px 0px 10px;
	padding:0px;
}
.ui-tabs-nav a {
    display:block;
	margin:1px 0px 0px 0px; /* Position:relative makes opacity fail for disabled tab in IE */
    padding:60px 10px 10px 10px;
	font:normal normal 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	text-decoration:none;
	color:#71828F;
    white-space:nowrap; /* REQUIRED FOR IE 6 */
    outline:0; /* PREVENT DOTTED BORDER IN FIREFOX */
	background:none;
}
.ui-tabs-nav a span {
	display:block;
	padding:0px;
    width:50px; /* IE 6 TREATS WIDTH AS MIN-WIDTH */
    min-width:50px;
    height:18px; /* IE 6 TREATS HEIGHT AS MIN-HEIGHT */
    min-height:18px;
    background:none;
}
*>.ui-tabs-nav a span { /* HIDE FROM IE 6 */
    width:auto;
    height:auto;
}
.ui-tabs-nav a.webinarsicon {
	background:transparent url(../../images/common/tradersu/icon_tradersu_webinars_small.png) no-repeat center 10px;
}
.ui-tabs-nav a.coursesicon {
	background:transparent url(../../images/common/tradersu/icon_tradersu_courses_small.png) no-repeat center 10px;
}
.ui-tabs-nav a.toursicon {
	background:transparent url(../../images/common/tradersu/icon_tradersu_tours_small.png) no-repeat center 10px;
}
.ui-tabs-nav a.documentationicon {
	background:transparent url(../../images/common/tradersu/icon_tradersu_documentation_small.png) no-repeat center 10px;
}
.ui-tabs-nav a.appsicon {
	background:transparent url(../../images/common/tradersu/icon_tradersu_apps_small.png) no-repeat center 10px;
}
.ui-tabs-nav a.toolswidgetsicon {
	background:transparent url(../../images/common/tradersu/icon_tradersu_toolswidgets_small.png) no-repeat center 10px;
}
.ui-tabs-nav a.tradersglossaryicon {
	background:transparent url(../../images/common/tradersu/icon_tradersu_tradersglossary_small.png) no-repeat center 10px;
}
.ui-tabs-nav a.exchangesicon {
	padding:42px 10px 10px 10px;
	background:transparent url(../../images/common/tradersu/icon_tradersu_exchanges_small.png) no-repeat center 10px;
}
.ui-tabs-nav a.exchangesicon:hover {
	padding:42px 10px 9px 10px;
	background:#FFFFFF url(../../images/common/tradersu/icon_tradersu_exchanges_small.png) no-repeat center 10px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover {
    position:relative;
    z-index:2;
	top:1px;
    margin-top:0;
    color:#63A2FA;
	background-color:#FFFFFF;
	/* ROUNDED CORNERS */
	border:none;
	border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
	cursor:default;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active {
	cursor:pointer;
}
.ui-tabs-nav a:hover {
	padding:60px 10px 9px 10px;
	color:#5A79B2;
	background-color:#FFFFFF;
	/* ROUNDED CORNERS */
	border:none;
	border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
}
.ui-tabs-disabled {
    opacity:.4;
    filter:alpha(opacity=40);
}
.ui-tabs-panel {
	margin:0px;
	padding:0px;
	background:url(../../images/sitetemplate/new/bkgd_white.png) repeat-y 0px 0px;
	border:none;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* Auto clear, @ IE 6 & IE 7 Quirks Mode */
    display:inline-block;
}
*:first-child html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown combinator)... */
    display:inline-block;
}
.clear {
	float:none;
	overflow:hidden;
	width:100%;
}
/* TRADERSU PAGE TEMPLATE STYLES ---------------------------------------------------------------------------------------------------- */
.leftcolumn {
	float:left;
	position:realtive;
	z-index:50;
	top:0px;
	left:0px;
	margin:0px 0px 0px 1px;
	padding:20px 0px 70px 0px;
	width:260px;
	height:100%;
	background:#FFFFFF;
	zborder-bottom:1px solid #E7E7E7;
}
.rightcolumn {
	float:left;
	position:relative;
	z-index:25;
	top:0px;
	left:0px;
	margin:0px;
	padding:45px 70px;
	width:547px; /* 688px */
	min-height:700px;
	border-bottom:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
	/* BACKGROUND GRADIENT */
	background:#FFFFFF;
	background:-moz-linear-gradient(100% 100% 90deg, #F7F7F7, #FFFFFF);/* Firefox 3.6+ */
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F7F7F7));/* Safari 4-5, Chrome 1-9 */
	background:-webkit-linear-gradient(#FFFFFF, #F7F7F7);/* Safari 5.1+, Chrome 10+ */ 
	background:-o-linear-gradient(#FFFFFF, #F7F7F7);/* Opera 11.10+ */  
	background:-ms-linear-gradient(top, #FFFFFF 0%,#F7F7F7 100%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFFFF', endColorstr='#FFF7F7F7',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #FFFFFF 0%,#F7F7F7 100%); /* W3C */
	/* SHADOW */
	-moz-box-shadow: 0 0 5px #EEEEEE;
	-webkit-box-shadow: 0 0 5px #EEEEEE;
	box-shadow: 0 0 5px #EEEEEE;
}
/* LEFT SIDE NAVIGATION STYLES */
.navheader {
	margin:0px 30px 0px 20px;
	padding:0px 0px 6px 0px;
	font-weight:bold;
	font-size:13px;
	color:#000;
	border-bottom:1px dotted #999;
}
ul.navlinks {
	margin:0px 0px 0px 0px;
	padding:5px 0px 20px 0px;
	list-style-image:none;
	list-style-type:none;
}
ul.navlinks li {
	margin:2px 0px;
	padding:0px;
	font:normal normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
}
ul.navlinks li a, ul.navlinks li a:visited, ul.navlinks li a:hover, ul.navlinks li a:active, ul.navlinks li a:focus {
	margin:0px 30px 0px 0px;
	padding:4px 20px 4px 20px;
	display:block;
	text-decoration:none;
	color:#333;
	outline:none;
	cursor:pointer !important;
}
ul.navlinks li a:hover {
	font-weight:normal;
	color:#FFF;
	background:#5A79B2;
	border-radius:0px 10px 10px 0px;
	-moz-border-radius:0px 10px 10px 0px;
	-webkit-border-radius:0px 10px 10px 0px;
}
ul.navlinks li a:active {
	font-weight:normal;
	color:#FFF;
	background:#63A2FA;
	border-radius:0px 10px 10px 0px;
	-moz-border-radius:0px 10px 10px 0px;
	-webkit-border-radius:0px 10px 10px 0px;
}
ul.navlinks li a.selected {
	font-weight:normal;
	color:#FFF;
	background:#63A2FA;
	border-radius:0px 10px 10px 0px;
	-moz-border-radius:0px 10px 10px 0px;
	-webkit-border-radius:0px 10px 10px 0px;
	cursor:default !important; 
}
/* FAQ DROPDOWN STYLES */
.comm_container {
	margin:0px;
	padding:0px;
	width:550px;
}
.submenu2 {
	margin:0px 0px 0px 20px;
	padding:0px 0px 20px 0px;
}
.jquery_content {
	margin:0px;
	padding:0px;
}
.jquery_content h1, .jquery_content h2 {
	margin:0px;
	padding:40px 0px 0px 0px;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
	text-align:left;
	color:#5A79B2;
	border-bottom:none;
}
.jquery_content h2 {
	padding:0px;
}
.jquery_content p {
	margin:0px;
	padding:5px 0px;
	color:#333;
}
/* TRADERSU CAROUSEL JQUERY STYLES ---------------------------------------------------------------------------------------------------- */
.carousel {
	position:relative;
	z-index:5000 !important;
	margin:-50px 0px 0px -80px;
	padding:80px 50px 0px 0px;
	width:650px;
	height:auto;
	overflow:hidden;
}
.carousel .slides {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	position:relative;
	overflow:visible;
}
/* SLIDE ITEM */
.carousel .slides .slideItem {
	position:absolute;
	cursor:pointer;
	overflow:hidden;
	padding:0;
	margin:0;
	border:none;
}
.carousel .slides .slideItem a {
	display:block;
	text-decoration:none;
	outline:none;
	cursor:pointer !important;
}
.carousel .slides .slideItem img {
	margin:0;
	padding:0;
	border:none;
	width:100%;
	height:100%;
	cursor:default !important;
}
/* DIRECTION BUTTON */
.carousel .prevButton {
	position:absolute;
	z-index:5000 !important;
	top:88px;
	left:0px;
	width:35px;
	height:35px;
	background:url(../../images/common/tradersu/icon_tradersu_arrowleft.png) no-repeat 0px 0px;
	cursor:pointer;
}
.carousel .nextButton {
	position:absolute;
	z-index:5000 !important;
	top:88px;
	right:-10px;
	width:35px;
	height:35px;
	background:url(../../images/common/tradersu/icon_tradersu_arrowright.png) no-repeat 0px 0px;
	cursor:pointer;
}
/* NAVIGATION BUTTON */
.carousel .buttonNav {
	position:relative;
	z-index:999;
	margin:0 auto;
}
.carousel .buttonNav .numbers {
	position:relative;
	float:left;
	margin:5px;
	color:#828282;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
	font-size:1em;
	font-family:Arial, Verdana;
}
.carousel .buttonNav .numbers:hover {
	color:#000;
	text-decoration:underline;
}
.carousel .buttonNav .numberActive {
	background:none;
	color:#000;
	cursor:default;
}
/* BULLETS */
.carousel .buttonNav .bullet {
	position:relative;
	float:left;
	margin:5px;
	padding:0px;
	width:16px;
	height:16px;
	background:url(../../images/common/jquery/Bullet-White.png) no-repeat center;
	cursor:pointer;
}
.carousel .buttonNav .bullet:hover {
	background:url(../../images/common/jquery/Bullet-Black.png) no-repeat center;
}
.carousel .buttonNav .bulletActive {
	background:url(../../images/common/jquery/Bullet-Black.png) no-repeat center;
	cursor:default;
}
/* VIDEO */
.carousel .slides .videoOverlay {
	background:url(../../images/common/jquery/video.png) no-repeat center; /* play button */
}
.carousel .slides .spinner {
	background:#000 url(../../images/common/jquery/loading.gif) no-repeat center; /* video preloader */
}
/* SHADOW */
.carousel .shadow {
	width:100%;
	height:82px;
}
.carousel .shadow .shadowLeft {
	background:url(../../images/common/jquery/shadowLeft.png) no-repeat;
	width:100px;
	height:82px;
	/* fix png problems in ie */
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/common/jquery/shadowLeft.png, sizingmethod=scale)"; /* IE8 */
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/common/jquery/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */
}
.carousel .shadow .shadowMiddle {
	height:82px;
	background:url("http://www.interactivebrokers.com/images/common/jquery/shadowTile.png") repeat-x;
	/* fix png problems in ie */
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/common/jquery/shadowTile.png, sizingmethod=scale)"; /* IE8 */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/common/jquery/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */
}
.carousel .shadow .shadowRight {
	width:100px;
	height:82px;
	background:url(../../images/common/jquery/shadowRight.png) no-repeat;
	/* fix png problems in ie */
	-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src../../images/common/jquery/shadowRight.png, sizingmethod=scale)"; /* IE8 */
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/common/jquery/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */
}
/* REFLECTION GRADIENT */
.carousel .gradient {
	zbackground-image:url(../../images/common/jquery/gradient.svg);
}