/*
 * 1.1
 * reset.css
 */

/* BGT: always show scroll to avoid page resizing */
html{
	overflow-y: scroll;
}

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}
html {
	overflow-y:scroll;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/

/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
/* reset */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}.left{float:left;}.right{float:right;}.clear{clear:both;}.noshow{display:none;}.clearfix {display: inline-block;}.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
/* base.css, part of YUI's CSS Foundation */
.main-wrap h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
.main-wrap h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
.main-wrap h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
.main-wrap h1,
.main-wrap h2,
.main-wrap h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
.main-wrap blockquote,
.main-wrap ul,
.main-wrap ol,
.main-wrap dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
.main-wrap ol,
.main-wrap ul,
.main-wrap dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
.main-wrap ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
.main-wrap ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
.main-wrap dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
.main-wrap th,
.main-wrap td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
.main-wrap th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.main-wrap caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
.main-wrap p,
.main-wrap fieldset,
.main-wrap table,
.main-wrap pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/**
 * Elements used for accessibility
*/
.structural {
    left: -9999px;
    margin: 0;
    position: absolute;
}

/**
 * Clearfix
 * Before falling back to this hack, try using some of the other clearing techniques:
 * Apply overflow:hidden to the container element
 * Float the container element
 * See http://robertnyman.com/2007/04/12/how-to-clear-css-floats-without-extra-markup-different-techniques-explained/
*/
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */



/*
 * 1.1
 * global.css
 */

body {
	background-color: #000;
	color:#fff;
}


a {
	/* color: #fff;  */
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


/*
 * 1.1
 * themes
 */

/* Light Blue Theme */
.theme-lightblue {
	background: #f8fcff;
}
.theme-lightblue .page {
	background: #f8fcff url(/images/ui/common-assets/bgd-lightblue.png) repeat-x 0 10px;
}
.theme-shortest.theme-lightblue .page {
	background: #f8fcff url(/images/ui/common-assets/bgd-lightblue-short.jpg) repeat-x 0px 0px;
}
.theme-lightblue .logo .logo-white {
	display: none;
}
.theme-lightblue .header-main .logo .logo-black {
	display: block;
}
.theme-lightblue .nav-global .selected a {
	color: #000;
	background-position: right -50px;
}
.theme-lightblue .nav-global .selected a span {
	background-position: left -50px;
}

/* Height Settings */
.theme-tall .header-main-wrap {
	height: 598px;
}
.theme-medium .header-main-wrap {
	height: 453px;
}
.theme-short .header-main-wrap {
	height: 259px;
}
.theme-shortest .header-main-wrap {
	height: 187px;
}



/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:12px/1.231 arial,helvetica,clean,sans-serif;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*
1.1
grid.css
*/

.page {
	position: relative;
	min-width:1000px;
	overflow-x: hidden;
}

.header-global-wrap {
	overflow:hidden;
	background: #000 url(/images/ui/header-global/assets/header-global-bar.png) repeat-x;
	position: relative;
	z-index: 10;
}
.header-main-wrap {
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.content-main-wrap,
.footer-wrap {
	background: #fff;
	z-index: 11;
	position: relative;
}

.footer-wrap-z-0 {
	background: #fff;
    z-index: 0;
	position: relative;
}

.header-global,
.header-main,
.hero-controls,
.content-main,
.nav-trading,
.content-header,
.content-main-landing,
.content-main-internal,
.footer {
	width: 998px;
	margin: 0 auto;
}
.content-main,
.nav-trading,
.content-header,
.content-main-landing,
.content-main-internal,
.footer {
	width: 980px;
}
.nav-global-wrap {
	width: 50%;
	float: left;
}
.contact-global-wrap {
	float: right;
	margin-right: 8px;
}
.hero-controls-wrap {
	position: relative;
	z-index: 11;
}


/** 
 * OOCSS grid
 * http://stubbornella.org/
*/
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{zoom:1;}
.col{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.col.last-child{display:table-cell;float:none;width:auto;display:block;zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}




/*!
 * 1.1
 * header-global.css
 */

.header-global {
	color: #333;
}

/*!
 * 1.1
 * nav-global.css
 */

.nav-global ul {
	overflow: hidden;
	margin-top: 0;
}
.nav-global li {
	display: inline-block;
	border-right: 1px solid #bfbfbf;
}
*+html .nav-global li {width: 24%; float: left; }
* html .nav-global li {width: 24%; float: left; }

.nav-global li a {
	border-right: 1px solid #f3f3f3;
	cursor: pointer;
}
.nav-global li.first-child {
	border-left: 1px solid #f3f3f3;
}
.nav-global li.first-child a {
	border-left: 1px solid #bfbfbf;
}
.nav-global .nav-item a {
	display: block;
	height: 35px;
	line-height: 35px;
	padding: 0 10px 0 0;
	color: #002997;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
.nav-global .nav-item a span {
	display: block;
	padding-left: 10px;
	height: 35px;	
}
.nav-global .selected {
	border: none;
	margin-left: -2px;
	/*
width: 26%;
*/
}
.nav-global .selected a {
	padding-right: 15px;
	border: none;
	color: #fff;
	background: transparent url(/images/ui/nav-global/nav-global-selected.png) no-repeat right top;
}
.nav-global .selected a span {
	padding-left: 15px;
	background: transparent url(/images/ui/nav-global/nav-global-selected.png) no-repeat left top;
}
.nav-global .nav-item a:hover {
	text-decoration: underline;
}

















/*!
 * 1.1
 * contact-global.css
 */

.contact-global div {
	line-height: 35px;
	float: right;
}
.contact-global p {
	padding: 0 10px;
	color: #333;
}
.contact-global a {
	color: #333;
}

/* Call Tradestation */
.contact-global .organization .tel {
	font-weight: bold;
	color: #317d00;
}

/* Live Chat */
.contact-global .live-chat {
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #f3f3f3;
}
.contact-global .live-chat p {
	overflow: hidden;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #bfbfbf;
}
.contact-global .live-chat img {
	float: left;
	padding: 10px 10px 0 0;
}
.contact-global .live-chat a {
	float: left;
	display: block;	
	color: #002997;
}

/* Log On/Off */
.contact-global .log-off p {
	overflow: hidden;
}
.contact-global .log-off img {
	float: left;
	padding: 10px 10px 0 0;
}
.contact-global .log-off a {
	float: left;
	display: block;	
	color: #002997;
}

/* Log off 
.contact-global .log-off {
	border-right: 1px solid #f3f3f3;
}
.contact-global .log-off p {
	border-right: 1px solid #bfbfbf;
}
*/

/*
 * 1.1
 * header-main.css
 */

.header-main  {
	position: relative;
	z-index: 2;
	height: 598px;
}

/* Logo */
.header-main .logo {
	width: 25%;
	float: left;
	margin: 0 0 10px 9px;
	padding-top: 25px;
}
.header-main .logo .logo-black {
	display: none;
}

/* Utilities */
.header-main .utilities {
	/*width: 73%;*/
	float: right;
	text-align: right;
	margin: 10px 8px 0 0;
	padding-top: 25px;
}
.header-main .utilities .greeting {
	float: right;
	color: #2f2f2f;
	font-size: 12px;
	padding-right: 10px;
	line-height: 24px;
}

.header-main .greeting .top-header-separator{
    color:#2f2f2f;
}

.header-main .greeting .inbox-link{
    background: url(/Support/myaccount/images/message-center-sprites.png) 0 -66px no-repeat;
    width: 16px;
    height: 16px;
    padding-left: 18px;
    color: #055bb0;
    text-decoration: none;
}

#top-header-messages-unread-container{
    display:inline-block;
    min-width: 11px;
}

.header-main .utilities .search-wrap {
	width: 224px;
	float: right;
}
.header-main .utilities .login {
	float: right;
	margin-left: 10px;
}
.header-main .utilities .open-account {
	float: right;
	margin-left: 10px;
}
.header-main .utilities .place-trade {
	float: right;
	margin-left: 10px;
}

/* Main Nav wrap */
.header-main .nav-main-wrap {
	clear: both;
	float: left;
}

















/*!
 * 1.1
 * nav-main.css
 */

.nav-main {
	position: relative;
}
.nav-main .nav-container {
	position: relative;
	width: 998px;
	display: table;
}
/*
Actually, I have just discovered this:

height: 1%;
display: block;
*/

.nav-main .nav-item {
	display: table-cell;
	padding: 7px 0;
	background: transparent url(/images/ui/nav-main/nav-main-bar.png) no-repeat 50% 0;
}

/* Normal position */
.nav-main .nav-item {
	background-position: 50% 0px;
}
.nav-main.cs .nav-item {
	background-position: 50% -231px;
}
.nav-main .nav-item.first-child {
	background-position: 0 0;
}
.nav-main.cs .nav-item.first-child {
	background-position: 0 -231px;
}
.nav-main .nav-item.last-child {
	background-position: 100% 0;
}
.nav-main.cs .nav-item.last-child {
	background-position: 100% -231px;
}

/* Subnav Closed */
.nav-main .nav-item:hover,
.nav-main .nav-item.selected,
.nav-main .nav-item.open {
	background-position: 50% -66px;
}
.nav-main.cs .nav-item:hover,
.nav-main.cs .nav-item.selected,
.nav-main.cs .nav-item.open {
	background-position: 50% -297px;
}
.nav-main .nav-item.first-child:hover,
.nav-main .nav-item.first-child.selected,
.nav-main .nav-item.first-child.open {
	background-position: 0 -66px;
}
.nav-main.cs .nav-item.first-child:hover,
.nav-main.cs .nav-item.first-child.selected,
.nav-main.cs .nav-item.first-child.open {
	background-position: 0 -297px;
}
.nav-main .nav-item.last-child:hover,
.nav-main .nav-item.last-child.selected,
.nav-main .nav-item.last-child.open {
	background-position: 100% -66px;
}
.nav-main.cs .nav-item.last-child:hover,
.nav-main.cs .nav-item.last-child.selected,
.nav-main.cs .nav-item.last-child.open {
	background-position: 100% -297px;
}

/* Subnav Open */
.nav-main.sub-nav-open .nav-item:hover,
.nav-main.sub-nav-open .nav-item.selected {
	background-position: 50% -132px;
}
.nav-main.sub-nav-open.cs .nav-item:hover,
.nav-main.sub-nav-open.cs .nav-item.selected {
	background-position: 50% -362px;
}
.nav-main.sub-nav-open .nav-item.first-child:hover,
.nav-main.sub-nav-open .nav-item.first-child.selected {
	background-position: 0 -132px;
}
.nav-main.sub-nav-open.cs .nav-item.first-child:hover,
.nav-main.sub-nav-open.cs .nav-item.first-child.selected {
	background-position: 0 -362px;
}
.nav-main.sub-nav-open .nav-item.last-child:hover,
.nav-main.sub-nav-open .nav-item.last-child.selected {
	background-position: 100% -132px;
}
.nav-main.sub-nav-open.cs .nav-item.last-child:hover,
.nav-main.sub-nav-open.cs .nav-item.last-child.selected {
	background-position: 100% -362px;
}

/* ================================================ */

.nav-main .nav-item h2 {
	text-align: center;
	height: 43px;
}
.nav-main .nav-item a {
	display: block;
	padding: 13px 5px 14px 5px;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	outline: none;
	text-shadow: 0px -1px 1px #666;
}
.nav-main .nav-item a:active {
	outline: none;
}
.nav-main .nav-item.first-child a {
	padding-left: 15px;
}
.nav-main .nav-item.last-child a {
	padding-right: 15px;
}

/* Main Nav Dividers */
.nav-main .nav-item h2,
.nav-main .nav-item a {
	background: transparent url(/images/ui/nav-main/nav-main-divider.png) no-repeat 100% 0;
	background-position: 0 0px;	
	color: White;	
}
.nav-main.cs .nav-item h2,
.nav-main.cs .nav-item a {
	background-position: 100% -165px;
}
.nav-main .nav-item a {
	background-position: 0 -54px;
}
.nav-main.cs .nav-item a {
	background-position: 0 -219px;
}
.nav-main .nav-item.first-child a,
.nav-main .nav-item.last-child h2,
.nav-main.cs .nav-item.first-child a,
.nav-main.cs .nav-item.last-child h2 {
	background: none;
}
.nav-main .nav-item:hover a,
.nav-main .nav-item.selected a {
	background-position: 0 -108px;
}
.nav-main.cs .nav-item:hover a,
.nav-main.cs .nav-item.selected a {
	background-position: 0 -273px;
}

/* Sub nav */
.nav-main .nav-container-sub {
	display: none;
	position: relative;
	width: 976px;
}
.nav-main .nav-item.selected .nav-container-sub,	/* use class 'selected' to open the subnav on click */
.nav-main .nav-item.open .nav-container-sub {		/* use class 'open' to keep the subnav opened */
	display: block;
}
.nav-main .nav-container-sub {
	display: none;
	background: transparent url(/images/ui/nav-main/nav-mainsub-bar1.png) no-repeat left top;
	position: absolute;
	top: 45px;
	left: 1px;
	margin-right: 10px;
	z-index: -1;
}
.nav-main .nav-item-sub {
	float: left;
	position: relative;
	height: 79px;
	background: none;
	cursor: pointer;
}
.nav-main .nav-item-sub.last-child {
	width: 50px;
	float: right;
	background: transparent url(/images/ui/nav-main/nav-mainsub-bar1.png) no-repeat right top;
	margin-right: -21px;
}
.nav-main .nav-container-sub .nav-item-sub a {
	display: block;
	height: 53px;
	min-width: 100px;
	margin: 16px 0 0 15px;
	padding: 0 7px 0 0;
	background: none;
	color: #c1e5ff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 12px;   
}
.nav-main .nav-container-sub .nav-item-sub div {
	height: 53px;
	padding: 11px 5px 15px 12px;
}
.nav-main .nav-container-sub .nav-item-sub a:hover {
	background: url(/images/ui/nav-main/nav-mainsub-hover-r.png) no-repeat top right;
}
.nav-main .nav-container-sub .nav-item-sub a:hover div {
	background: url(/images/ui/nav-main/nav-mainsub-hover-l.png) no-repeat top left;
}
.nav-main .nav-container-sub .nav-item-sub.last-child a:hover,
.nav-main .nav-container-sub .nav-item-sub.last-child a:hover div {
	background: none;
}

.nav-main .nav-item-sub img {
	float: left;
	padding: 0 12px 0 0;
}
.nav-main .nav-item-sub.last-child img {
	position: absolute;
	bottom: 20px;
	right: 17px;
	top: auto;
	left: auto;
}















/*!
 * 1.1
 * nav-side.css
 */

.nav-side {
	width: 217px;
	color: #444;
}
.nav-side a {
	color: #444;
}
.nav-side .nav-item {
	border-bottom: 1px solid #e5e5e5;
}
.nav-side .nav-item.last-child {
	border-bottom: none;
}
.nav-side .nav-item a {
	display: block;
	padding: 10px 0 10px 33px;
	font-weight: bold;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat 19px -586px;
	text-decoration: none; 
}
.nav-side .nav-item a:hover { text-decoration:underline; } 

/* Selected */
.nav-side .nav-item.selected {
	margin-top: -9px;
	border-bottom: none; /* 1px solid #e5e5e5; */
}
.nav-side .nav-item.selected a {
	height: auto;
	line-height: 42px;
	width: 228px;
	background: url(/images/ui/nav-side/nav-side-selected.png) no-repeat 3px -9px;
	color: #084497;
}

.nav-item.has-sub.selected {
    width: 0;
}

/* Subnav */
.nav-container.sub {
	padding: 0 0 10px 40px;
}
.nav-side .nav-item .nav-item-sub a {
	background: none;
	color: #0066c6;
	height: auto;
	line-height: normal;
	padding: 2px 0 2px 16px;
	font-weight: normal;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat 0px -544px;
	text-decoration: none; 
}
.nav-side .nav-item .nav-item-sub a:hover { text-decoration:underline; } 

.nav-side .nav-item .nav-item-sub  span 
{
    font-size: 11px;	
} 









/*!
 * 1.1
 * hero-controls.css
 */

.hero-controls {
	position: relative;
}

/* Slideshow "Fake" Placeholder */
.hero-controls .slideshow a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}
.hero-controls .slideshow {
	position: relative;
	width: 986px;
}

/* Slideshow Button */
.hero-controls .slideshow .button {
	position: absolute;
	bottom: 91px;
	left: 20px;
	text-transform: uppercase;
	margin-left: 10px;
}

/* Slideshow Pager */
.hero-controls .slideshow-pager {
	position: absolute;
	bottom: 82px;
	left: 50%;
	z-index: 100;
	overflow: hidden;
}
.hero-controls .slideshow-pager a {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	background: url(/images/ui/hero-controls/banner-rotator.png) no-repeat top right;
	text-indent: -12000px;
	margin: 0 4px;
	outline: none;
}
.hero-controls .slideshow-pager a.activeSlide {
	background-position: top left;
}



/*!
 * 1.1
 * nav-trading.css
 */

.nav-trading {
	position: absolute;
	top: -70px;
	left: 50%;
	margin-left: -490px;
}
.nav-trading .nav-container {
	position: relative;
	overflow: hidden;
	width: 980px;
	background: url(/images/ui/nav-trading/trading-bar.png) no-repeat top left;
}
.nav-trading .nav-item {
	position: relative;
	float: left;
	width: 190px;
	height: 70px;
}
.nav-trading .first-child {
	width: 202px;
}
.nav-trading .nav-item a {
	display: block;
	padding: 28px 38px 0 90px;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'GothamBold', Arial, Helvetica, sans-serif;
}
.nav-trading .nav-item img {
	position: absolute;
	top: 10px;
	left: 0;
}
.nav-trading .nav-item1 a {
	padding-top: 21px;
}


/*
 * 1.1
 * content-main.css
 */

.content-main,
.content-main a {
	color: #000;
	outline: none;
}
.content-main {
	position: relative;
	overflow: hidden;
	height: 140px;
	background: url(/images/ui/nav-trading/trading-bar.png) no-repeat bottom left;
}
.content-main .slideshow {
	overflow: hidden;
	height: 130px;
	margin: 10px 35px 0 30px;
}
.content-main .slide {
	width: 99%;
	float: left;
	padding: 5px 0 0 1px;
	margin-left: 1px;
}

/* Slide Content */
.content-main .slideshow h2 {
	margin-bottom: 5px;
	font-size: 12px;
}
.content-main .slideshow .learn-more {
	margin: 5px 0;
}
.content-main .slideshow .learn-more a {
	color: #2f9f00;
}
.content-main .slideshow .learn-more a:hover {
	text-decoration: underline;
}

/* Columns */
.content-main .column {
	position: relative;
	width: 15%;
	float: left;
	padding: 0px 5px 10px 85px;
}
.content-main .column img.icon {
	position: absolute;
	top: 10px;
	left: 0;
}

/* Slideshow controls */
.arrow {
	position: absolute;
	top: 34px;
	z-index: 10;
	height: 60px;
	width: 28px;
	background: url(/images/ui/content-main/slider-controls.png) no-repeat top left;
}
.arrow a {
	display: block;
	height: 60px;
	width: 28px;
}
.arrow a:hover {
	text-decoration: none;
}
.arrow-prev {
	left: 1px;
}
.arrow-next {
	right: 1px;
	background-position: 100% 0;
}
.arrow span {
	visibility: hidden;
}























/**!
 * 1.1
 * content-header.css
 */

.content-header {
	width: 980px;
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -490px;	
	z-index: 100;
	overflow: hidden;
	height: 50px;
	background: url(/images/ui/content-header/content-header.png) no-repeat right top;
}

.content-header .breadcrumbs {
	float: left;
	width: 60%;
	background: url(/images/ui/content-header/content-header.png) no-repeat left top;
}
.content-header .nav-item {
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 18px;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat -2px -84px;
}
.content-header .nav-item.first-child {
	background: none;
	line-height: 40px;
}
.content-header .nav-item.first-child img {
	vertical-align: middle;
}
.content-header .date-updated {
	float: right;
	width: 30%;
	height: 40px;
	line-height: 40px;
	text-align: right;
	padding-right: 45px;
}

/* Fonts and colors */
.content-header p,
.content-header a {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
.content-header .breadcrumbs a 
{
	text-decoration: none;
}
.content-header .breadcrumbs a:hover 
{
	text-decoration:underline; 
}


/**!
 * 1.1
 * content-main-assets.css
 */

.content-main-landing {
	background: url(/images/ui/content-main/panels/content-panel-big.png) no-repeat bottom center;
    overflow: hidden;
    position: relative;
}
.content-main-landing .col-wrap {
	padding: 20px 0 15px;
	overflow: hidden;
}
.content-main-landing .col-content {
	padding: 0 30px;
	border-right: 1px solid #e4e4e4;
}
.content-main-landing .last-child .col-content {
	border: none;
}

/* Big green text */
.content-main-landing .accent {
	color: #268200;
	font-size: 28px;
	font-weight: bold;
}

/* Fonts and colors */
.content-main-landing {
	color: #333;
}
.content-main-landing h2 {
	font-size: 15px;
	color: #444;
	font-weight: bold;
}
.content-main-landing.education .col-wrap h2 {
	font-size: 17px;
	color: #084497;
	font-weight: bold;
}
.content-main-landing p {
	color: #555;
}

.content-main-landing .col-wrap h2,
.content-main-landing .col-wrap p,
.content-main-landing .col-wrap ul,
.content-main-landing .col-wrap div.button {
	margin: 10px 0 10px 0;
}

/* Tradestation news bar */
.newsbar-wrap {
	margin: 20px 20px 0 20px;
}


/**!
 * 1.1
 * content-main-internal.css
 */

.content-main-internal {
	color: #494949;
}

/* Left nav */
.content-main-internal .side-nav {
	padding-top: 10px;
}
.content-main-internal .side-nav .nav-side-wrap {
	padding: 0 24px 0 0;
}

/* Banner */
.content-main-internal .banner {
	padding: 0 0 15px 0;
}
.content-main-internal .banner_clientcenter {
	padding: 0 0 15px 10px;
}

/* Feed List */
.content-main-internal .feed-container {
	padding: 0 28px 20px 0;
}
.content-main-internal .feed-container h2 {
	font-size: 25px;
	color: #084497;
	font-weight: normal;
	padding-bottom: 10px;
}
.content-main-internal .feed-container .feed-list h3 {
	font-size: 17px;
	color: #808080; /* Before:  #545454; */
	font-weight: bold; 
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}
.content-main-internal .feed-container .feed-list p {	
	color: #494949; 
}
.content-main-internal .feed-container-left-padded {
	padding: 0 28px 20px 10px;
}
.content-main-internal .feed-container-left-padded h2 {
	font-size: 25px;
	color: #084497;
	font-weight: normal;
	padding-bottom: 10px;
}

.content-main-internal .feed-list li {
	border-bottom: 1px solid #e8e9ee;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.content-main-internal .feed-list h3
{
	font-size: 17px;
	color: #808080; /* Before:  #545454; */
	padding: 0;
	margin: 0;
}
.content-main-internal .feed-list p
{
	font-size: 12px;
	color: #999999;  /* Before:  #aaa9a9; */
	padding: 0;
	margin: 0;
}
.content-main-internal .feed-list a { text-decoration:none; }
.content-main-internal .feed-list a:hover { text-decoration: underline; }

/* Link List */
.content-main-internal .link-container {
	padding: 0 0 0 20px;
	border-left: 2px solid #f5f6f8;
}
.content-main-internal .link-container h2 {
	font-size: 25px;
	color: #084497;
	font-weight: normal;
	padding-bottom: 10px;
}


.content-main-internal .link-list li {
	padding-bottom: 5px;
}
.content-main-internal .link-list a {
	color: #0066c6;
	font-weight: bold;
	padding-left: 10px;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat -100px -195px;
	text-decoration:none ;
}
.content-main-internal .link-list a:hover {
	 text-decoration:underline ;
}

/* Variation of 'link-list' --->  no bottom border, no bullet 
   Specially adapted for Support Center Landing pages feed lists.
*/
.content-main-internal .link-list-noborder li {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}
.content-main-internal .link-list-noborder a {
	color: #0066c6;
	padding-left: 0px; 
	font-weight: bold;
	text-decoration:none ;
}
.content-main-internal .link-list-noborder a:hover {
	 text-decoration:underline ;
}
/* Variation of 'link-list' --->  no bottom border, Arrow blue used as bullet 
   Specially adapted for Support Center Landing pages Quick lists.
*/
.content-main-internal ul .link-list-noborder-arrowblue 
{
	list-style-type: none;    /* To use dash a bullet -> none; */
}
.content-main-internal .link-list-noborder-arrowblue li 
{
	background-image: url(/images/ui/common-assets/arrow_icon.png);
	background-repeat:no-repeat;
	background-position: left 8px;
	text-indent:  14px; 
	
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}

.content-main-internal .link-list-noborder-arrowblue a {
	color: #0066c6;
	padding-left: 0px; 
	font-weight: bold;
	text-decoration:none ;
}
.content-main-internal .link-list-noborder-arrowblue a:hover {
	 text-decoration:underline ;
}




/* Internal Main content */
.content-main-internal .main {
	/*padding: 40px 0 20px 0;*/
	padding: 0 0 20px 0;
}
.content-main-internal .main img {
	border: 1px solid #aaa;
	padding: 1px;
}
.content-main-internal .main .image-right {
	margin: 5px 0 15px 15px;
	float: right;
}
     /* Image and table frame */
.content-main-internal img.framed-old {
	padding: 7px 8px;
	border: none;
	background: url(/html/common/images/ui/content-main/panels/image-frame.png) no-repeat 0 0;
}
.content-main-internal .main img.framed {
	padding: 5px;
	margin: 3px;
	border: 1px solid #e7e7e7;
	-moz-box-shadow: 0 0 3px #ddd;
	-webkit-box-shadow: 0 0 3px #ddd;
	box-shadow: 0 0 3px #ddd;
}
.content-main-internal .main table.framed {
	border: 1px solid #ccc;
	
}
.content-main-internal .framed.left {
	margin-right: 15px;
}
.content-main-internal .framed.right {
	margin-left: 15px;
}
    /****** End of framed classes  ***/
    
.content-main-internal .main h2,
.content-main-internal .main h3 {
	color: #084497;
	padding-bottom: 15px;
}
.content-main-internal .main h2 {
	font-size: 26px;
}
.content-main-internal .main h3 {
	font-size: 18px;
	font-weight: normal;
}
.content-main-internal .main p {
	padding-bottom: 15px;
	line-height: 17px;
}
.content-main-internal .main a {
	color: #0066c6;
}


/* Side content */
.content-main-internal .side {
	padding: 40px 10px 0 15px;
}
.content-main-internal .news-signup-wrap {
	width: 203px;
	height: 93px;
	background: url(/images/ui/widgets/news-signup/content-panel-green-small.png) no-repeat top left;
	margin-bottom: 25px;
}
.content-main-internal .news-container h3 {
	color: #084497;
	font-size: 18px;
	margin-bottom: 15px;
}
.content-main-internal .news-container .news-item {
	margin-bottom: 20px;
	line-height: 17px;
}
.content-main-internal .news-container .news-item h4 {
	color: #0062bc;
	font-size: 14px;
	font-weight: bold;
}
.content-main-internal .news-container .news-item .date {
	color: #454545;
	font-size: 12px;
	font-weight: bold;
}

/* Sidebar */
.content-main-internal .sidebar-container {
	padding-left: 5px;
}
.content-main-internal .sidebar-container .sidebar-item {
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e9ee;
	margin-bottom: 10px;
	width: 203px;
}
.content-main-internal .sidebar-container .sidebar-item.last-child {
	border-bottom: none;
}

/* Internal Footer */
.content-main-internal .internal-footer {
	clear: both;
	padding: 0 20px 20px 0;
}
.content-main-internal .internal-footer .banner {
	text-align: center;
}
.content-main-internal .internal-footer .disclaimer {
	color: #5a5a5a;
	line-height: 15px;
	padding: 15px 0 0 0;
}

/* Internal Table */
.content-main-internal table {
	margin-top: 15px;
}
.content-main-internal td {
	padding: 0 30px 20px 0;
}
.content-main-internal table h4 {
	font-size: 14px;
	font-weight: bold;
	color: #0066c6;
	padding: 0 0 8px 31px;
	background: url(/images/ui/content-main/education/icon-pen-blue.png) no-repeat 0 4px;
}
.content-main-internal table .read-more a {
	color: #268200;
	padding-left: 10px;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat 2px -195px;
	font-weight: bold;
}

/* Review */
.content-main-internal .hreview {
	overflow: hidden;
}
.content-main-internal .main .rating-container {
	float: left;
	width: 65px;
	height: 11px;
	padding: 0;
	margin-top: 2px;
	background: url(/images/ui/common-assets/rating-star-grey.png) repeat-x;
}
.content-main-internal .rating-container .rating {
	text-indent: -9999px;
	display: block;
	background: url(/images/ui/common-assets/rating-star-yellow.png) repeat-x;
}
.content-main-internal .rating-container .rating[title="1"] {
	width: 20%;
}
.content-main-internal .rating-container .rating[title="2"] {
	width: 40%;
}
.content-main-internal .rating-container .rating[title="3"] {
	width: 60%;
}
.content-main-internal .rating-container .rating[title="4"] {
	width: 80%;
}
.content-main-internal .rating-container .rating[title="5"] {
	width: 100%;
}
.content-main-internal .rating-container .outof {
	text-indent: -9999px;
	display: block;
}
.content-main-internal .rating-container .best {
	text-indent: -9999px;
	display: block;
}
.content-main-internal .pub-date {
	float: right;
	width: 50%;
	text-align: right;
}
.content-main-internal .pub-date span {
	color: #383838;
	font-weight: bold;
	text-decoration: none;
}

/* Pagination */
.content-main-internal .pager {
	text-align: center;
}





















/**!
 * 1.1
 * content-main-panel
 */

/*** Messages ***/
.content-main-internal .panel.messages {
	background: url(/images/ui/content-main/panels/blue-panel.jpg) no-repeat;
	height: 94px;
	color: #fff;
}
.content-main-internal .panel.messages h3 {
	padding: 0px 0 17px 50px;
}
.content-main-internal .panel.messages h3 a {
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
}
.content-main-internal .panel.messages p {
	padding: 3px 0 0 15px;
}
.content-main-internal .panel.messages a {
	color: #fff;
	font-size: 11px;
}
.content-main-internal .panel.messages a.viewall {
	padding: 5px 0 0 8px;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat -200px -192px;
}

/*** News ***/
.content-main-internal .panel.news {
	background: url(/images/ui/content-main/panels/green-panel.jpg) no-repeat;
	line-height: 48px;
}
.content-main-internal .panel.news h3 {
	width: 203px;
	padding-bottom: 0;
}
.content-main-internal .panel.news a {
	height: 48px;
	display: block;
	padding-left: 50px;
	color: #fff;
	font-size: 17px;
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}


/*** Test Program ***/
.content-main-internal .panel.test-program {
	background: url(/images/ui/content-main/panels/grey-panel.jpg) no-repeat;
	padding: 15px 10px 25px 20px;
	color: #fff;
}
.content-main-internal .panel.test-program h3 {
	font-size: 20px;
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 5px;
}
.content-main-internal .panel.test-program li a {
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
.content-main-internal .panel.test-program li a:hover {
	color: #fff;
	font-size: 12px;
	text-decoration: underline;
}
.content-main-internal .panel.test-program ul {
	padding: 0 0 15px 0;
	font-weight: bold;
}
.content-main-internal .panel.test-program li {
	line-height: 16px;
}




















/**!
 * 1.1
 * content-main-icon
 * 
 * .icon.contact
 * .icon.download
 * .icon.lists
 * 
 */

.content-main-internal .icon {
	color: #0668bb;
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
}
.content-main-internal .icon strong {
	display: block;
	color: #082677;
	font-size: 15px;
	text-transform: uppercase;
}
.content-main-internal .icon a {
	padding: 5px 0 0 45px;
	display: block;
	line-height: 15px;
	color: #0668bb;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat 5px -300px;
}
.content-main-internal .icon a:hover {
	text-decoration: none;
}
.content-main-internal .icon a:visited {
	text-decoration: none;
}
.content-main-internal .icon.contact a {
	background-position: 10px -297px;
}
.content-main-internal .icon.download a {
	background-position: 10px -346px;
}
.content-main-internal .icon.lists a {
	background-position: 8px -392px;
	color: #143002;
}
.content-main-internal .icon.lists a strong {
	color: #4fa21a;
}
/****  Client news icon ******/
.content-main-internal .icon_Gral {
	color: #0668bb;
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
}
.content-main-internal .icon_Gral strong {
	display: block;
	color: #082677;
	font-size: 15px;
	text-transform: uppercase;
}
.content-main-internal .icon_Gral a {
	padding: 5px 0 0 45px;
	display: block;
	line-height: 15px;
	color: #0668bb;
	/* background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat 5px -300px; */
}
.content-main-internal .icon_Gral a:hover {
	text-decoration: none;
}
.content-main-internal .icon_Gral a:visited {
	text-decoration: none;
}
.content-main-internal .icon_Gral.clientnews a {
	background: url(/images/ui/common-assets/icon_news_blue.png) no-repeat 7px -6px; 
}



















/*
 * 1.1
 * content-main-internal-grid.css
 */

.content-main-internal {
	overflow: hidden;
	/* This was the original background:
       background: url(/images/ui/content-main/panels/content-panel-big.png) no-repeat left bottom;
	*/
	background: url(/images/ui/content-main/panels/content-panel-big-sides.png) repeat-y left bottom;
}
.content-main-internal .wrap {
	overflow: hidden;
	padding: 0 0 0 10px;
	margin-bottom: 1px;
	background: url("/images/ui/nav-side/nav-side-grad.png") repeat-y 15px 0;
}

.content-main-internal .bottomborder{
    position: relative;
	bottom: 2px;
	left: 0px;
	height: 17px;
	width: 100%;
	overflow: hidden;
}

.content-main-internal.grid .bottomborder{
	background: url(/images/ui/content-main/panels/content-panel-footer-base.png) no-repeat left bottom;
}
/* Left Sidebar */

.content-main-internal.grid-sideleft .bottomborder   /* new custom class */
{
	background: url(/images/ui/content-main/panels/content-panel-footer-leftnav.png) no-repeat left bottom;
}

.content-main-internal.grid-sideleft .grid-1-1 {
	float: left;
	width: 26%;
}
.content-main-internal.grid-sideleft .grid-1-2 {
	float: right;
	width: 73.5%;
	overflow: hidden;
}

.content-main-internal.grid-sideleft .grid-2-1 {
	float: left;
	width: 63%;
}
.content-main-internal.grid-sideleft .grid-2-1-50 {
	float: left;
	width: 58%;
}
.content-main-internal.grid-sideleft .grid-2-1-half {
	float: left;
	width: 57%;
}
.content-main-internal.grid-sideleft .grid-2-2 {
	float: right;
	width: 34.5%;
}
.content-main-internal.grid-sideleft .grid-2-2-1 {
	float: right;
	width: 41%;
}
.content-main-internal.grid-sideleft .grid-2-2-50 {
	float: right;
	width: 50%;
}

/* Right Sidebar */
.content-main-internal.grid-sideright .grid-1-1 {
	float: left;
	width: 77%;
	overflow: hidden;
	border-right: 2px solid #e7e9eb;
	padding-top: 20px;
	/*padding-left: 10px;*/
}
.content-main-internal.grid-sideright .grid-1-2 {
	float: right;
	width: 22%;
	padding-top: 20px;
}
.content-main-internal.grid-sideright .grid-2-1 {
	float: left;
	width: 56%;
}
.content-main-internal.grid-sideright .grid-2-2 {
	float: right;
	width: 44%;
}
.content-main-internal .grid-2-1-smaller {
	float: left;
	width: 50%;
}
.content-main-internal.grid-sideright .grid-2-2-wider {
	float: right;
	width: 46%;
}

.content-main-internal .wrap-right {
	overflow: hidden;
	padding: 0 10px 0 10px;
	margin-bottom: 1px;
}
.content-main-internal .grid-1-2 .main .wrap-right h3 {
    padding-top: 0px;
    padding-bottom : 10px;
	font-size: 17px;
    color: #808080; 
    font-weight: bold; 
}

.content-main-internal.grid-sideright .bottomborder   /* new custom class */
{
	background: url(/images/ui/content-main/panels/content-panel-footer-rightnav-2.png) no-repeat left bottom;
}

.content-main-internal.grid-sideright .basebottomborder   /* new custom class */
{
	background: url(/images/ui/content-main/panels/content-panel-footer-base.png) no-repeat left bottom;
}























/*!
 * 1.1
 * hero-slideshow.css
 */
.hero-slideshow {
	width: 1400px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -700px;
	z-index: 1;
	background: transparent;
}
.hero-slideshow .slide {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
}
.hero-slideshow .activeSlide {
	display: block;
	
}


/**!
 * 1.1
 * search.css
 */

.search fieldset {
	border: none;
	margin: 0 auto;
}
.search .search-field, 
.search .search-button {
	border: none;
	float: left;
}
.search .search-field {
	color: #434343;
	font-size: 12px;
	width: 178px;
	height: 18px;
	padding: 4px 0 2px 22px;
	background: url(/images/ui/common-assets/form-sprite.png) no-repeat left top;
}
.search .search-button {
	width: 24px;
	height: 24px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(/images/ui/common-assets/form-sprite.png) no-repeat right top;
}
.search .search-button:hover {
	background: url(/images/ui/common-assets/form-sprite.png) no-repeat right -50px;
}

/**!
 * 1.1
 * button.css
 */

/* Common button styles */
.button a {
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	line-height: 1;
	display: inline-block;
	background: url(/images/ui/widgets/button/button-sprite-left.png) no-repeat left top;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	outline: none;
	color: #fff;
}
.button span {
	display: block;
	padding: 0 12px 0 2px;
	background: url(/images/ui/widgets/button/button-sprite.png) no-repeat right top;
}

/* Green button Height 29px */
.button.green29px span {
	line-height: 29px;
	padding: 0 36px 0 26px;
	font-size: 12px;
}
.button.green29px a {background-position: left 0px;}
.button.green29px span {background-position: right 0px;}
.button.green29px a:hover {background-position: left -50px;}
.button.green29px a:hover span {background-position: right -50px;}

/* Green button Height 34px with Arrow */
.button.green34px span {
	line-height: 34px;
	padding: 0 44px 0 6px;
	font-size: 13px;
}
.button.green34px a {background-position: left -100px;}
.button.green34px span {background-position: right -100px;}
.button.green34px a:hover {background-position: left -150px;}
.button.green34px a:hover span {background-position: right -150px;}

/* Green button Height 24px */
.button.green24px span {line-height: 24px;}
.button.green24px a {background-position: left -200px; color: #ffffff;text-decoration:none; }
.button.green24px span {background-position: right -200px;}
.button.green24px a:hover {background-position: left -250px; text-decoration:none; }
.button.green24px a:hover span {background-position: right -250px;}

/* Grey button Height 26px */
.button.grey26px span {line-height: 26px;}
.button.grey26px a {background-position: left -300px;}
.button.grey26px span {background-position: right -300px;}
.button.grey26px a:hover {background-position: left -350px;}
.button.grey26px a:hover span {background-position: right -350px;}

/* Grey button Height 24px */
.button.grey24px span {line-height: 24px;}
.button.grey24px a {background-position: left -400px; color: #ffffff;text-decoration:none;}
.button.grey24px span {background-position: right -400px;}
.button.grey24px a:hover {background-position: left -450px;}
.button.grey24px a:hover span {background-position: right -450px;}

/* Blue button Height 24px with arrow */
.button.blue24arrow span {line-height: 24px; padding-right: 40px;}
.button.blue24arrow a {background-position: left -500px;}
.button.blue24arrow span {background-position: right -500px;}
.button.blue24arrow a:hover {background-position: left -550px; color: #ffffff; text-decoration: none;  }
.button.blue24arrow a:hover span {background-position: right -550px;}

/* Blue button Height 24px with arrow */
.button.lightgrey24px span {line-height: 24px;}
.button.lightgrey24px a {background-position: left -600px; color: #0a3298;}
.button.lightgrey24px span {background-position: right -600px;}
.button.lightgrey24px a:hover {background-position: left -650px;}
.button.lightgrey24px a:hover span {background-position: right -650px;}
















/**!
 * 1.1
 * list.css
 */

.list {
	margin: 15px 0;
}
/* Blue circle bullets */
.list.circle.blue li {
	padding: 3px 0 3px 27px;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat left -246px;
}
/* Green "greater-then" bullets */
.list.gt.green {
	color: #268200;
	font-weight: bold;
}
.list.gt.green li {
	padding-left: 8px;
	padding-bottom: 5px;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat left -195px;
}
.list.circle.blue.no-border li {
	padding: 3px 0 3px 27px;
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat left -246px;
	border-bottom: 0px;
	margin-bottom: 0px;
}










/**!
 * 1.1
 * news-signup.css
 */

.news-signup {
	padding: 14px 0 0 20px;
	background: url(/images/ui/widgets/news-signup/content-panel-green-small.png) no-repeat top left;
}
.news-signup h3 {
	font-size: 17px;
	letter-spacing: 0.45px;
	color: #fff;
	padding-bottom: 10px;
}
.news-signup fieldset {
	border: none;
	margin: 0 auto;
}
.news-signup .text, 
.news-signup .button {
	border: none;
	float: left;
}
.news-signup .text {
	color: #434343;
	font-size: 12px;
	width: 117px;
	height: 27px;
	line-height: 27px;
	padding: 0 0 0 21px;
	background: url(/images/ui/widgets/news-signup/signup-news-green.png) no-repeat top right;
}
.news-signup .button {
	width: 25px;
	height: 26px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(/images/ui/widgets/news-signup/signup-news-green.png) no-repeat top left;
}
.news-signup .button:hover {
	background: #616161 url(/images/ui/widgets/news-signup/signup-news-green.png) no-repeat bottom left;
}

/**!
 * 1.1
 * newsbar.css
 */

/* Blue circle bullets */
.newsbar-wrap {
	background: url(/images/ui/widgets/newsbar/bar-grey-l.png) no-repeat 0 0;
}
.newsbar {
	height: 40px;
	background: url(/images/ui/widgets/newsbar/bar-grey-r.png) no-repeat 100% 0;
}
.newsbar h2 {
	float: left;
	height: 40px;
	width: 180px;
	font-family: "GothamBold",Arial,Helvetica,sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #055bb0;
	line-height: 40px;
	padding: 0 0 0 20px;
}
.newsbar .news-content {
	float: left;
	width: 655px;
	position: relative;
}
.newsbar .news-content p {
	line-height: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
	background: url(/images/ui/widgets/newsbar/bar-grey-l.png) no-repeat 50% 0;
}
.newsbar .news-content p.first-child {
	display: block;
}
.newsbar .controls {
	height: 40px;
	line-height: 40px;
	float: right;
	margin: 0 10px 0 0;
}
.newsbar .controls .rotator {
	vertical-align: middle;
	padding-bottom: 2px;
}

.newsbar .controls a {
	display: inline-block;
	width: 5px;
	height: 40px;
	outline: none;
	margin: 0 5px;
}
.newsbar .controls a.prev {
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat 0 -435px;
}
.newsbar .controls a.next {
	background: url(/images/ui/common-assets/tradestation-sprite.png) no-repeat 0 -485px;
}




/*!
 * 1.1
 * footer.css
 */

.footer {
	color: #5f5f60;
	font-size: 11px;
}
.footer a {
	color: #055bb0;
}

/* Footer Row 1 */
.footer .footer-row1 {
	overflow: hidden;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #d8d8d8;
}
.footer .footer-row1 .col1 {
	float: left;
	width:65%;
}
.footer .footer-row1 .col2 {
	float: right;
	width:30%;
}
.footer .organization {
	font-size: 14px;
	font-weight: bold;
	color: #055bb0;
	margin: 1em 0 10px 0;
}
.footer .organization .tel {
	color: #357510;
}
.footer .signup-news h3 {
	font-size: 14px;
	font-weight: bold;
	color: #055bb0;
	margin: 1em 0 10px 0;
}

/* Footer Row 2 */
.footer .footer-row2 {
	overflow: hidden;
	padding: 20px 0 10px 0;
}
.footer .footer-row2 .col1 {
	float: left;
	width:80%;
}
.footer .footer-row2 .col2 {
	float: right;
	width:19%;
}
.footer .social p {
	line-height: 16px;
}
.footer .social span {
	padding-right: 10px;
}
.footer .social img {
	vertical-align: middle;
}
.footer .signup-news fieldset {
	border: none;
	margin: 0 auto;
}
.footer .signup-news .text, 
.footer .signup-news .button {
	border: none;
	float: left;
}
.footer .signup-news .text {
	color: #434343;
	font-size: 12px;
	width: 190px;
	padding: 6px 0 5px 10px;
	margin-right: 10px;
	background: #fff url(/images/ui/footer/signup-news.png) no-repeat top left;
}
.footer .signup-news .button a {
	color: #fff;
}
.footer .nav-footer {
	overflow: hidden;
}
.footer .nav-footer li {
	float: left;
	padding: 0 12px 0 0;
}

/* Information */
.footer .information {
	padding-bottom: 10px;
}
.footer .information p {
	padding: 10px 0;
}









/**	-------------------------------------------------------------------------------------




	MOVED FROM LeftNavStyles.css



	------------------------------------------------------------------------------------- **/


/*** Messages ***/
.panel-left.messages {
	background: url(/NEWSKIN/newimages/panels/blue-panel.jpg) no-repeat;
	height: 94px;
	color: #fff;
	vertical-align: top;
}
.panel-left.messages h3 {
	padding: 10px 0 3px 45px;
}
.panel-left.messages h3 a {
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	text-transform: uppercase;
}
.panel-left.messages p 
{
	margin: 3px 0 0 0;
	padding: 3px 0 0 15px;
}
.panel-left.messages a {
	color: #fff;
	margin: 0;
	font-size: 11px;
}
.panel-left.messages a.viewall {
	padding: 5px 0 0 8px;
	background: url(/NEWSKIN/newimages/tradestation-sprite.png) no-repeat -200px -192px;
	margin: 0;
	font-weight:normal;
}


/*** News ***/
.panel-left.news {
	background: url(/NEWSKIN/newimages/panels/green-panel.jpg) no-repeat;
	line-height: 48px;
	background-position:0 0;
	margin-bottom:0px;	
}
.panel-left.news h3 {
	width: 203px;
	padding-bottom: 0;
}
 .panel-left.news a {
	height: 48px;
	display: block;
	padding-left: 50px;
	color: #fff;
	font-size: 17px;
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 0px; 
}


/*** Test Program ***/
.panel-left.test-program {
	background: url(/NEWSKIN/newimages/panels/grey-panel.jpg) no-repeat;
	padding: 15px 10px 25px 20px;
	color: #fff;
}
.panel-left.test-program h3 {
	font-size: 20px;
	font-family: "GothamBold", Arial, Helvetica, sans-serif;
	color: #fff;
	padding-bottom: 5px;
}
.panel-left.test-program li a {
	color: #fff;
	font-size: 12px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	text-decoration: none;
	/*background:none transparent scroll repeat 0% 0%; */
}
.panel-left.test-program li a:hover {
	color: #fff;
	font-size: 12px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	text-decoration: underline;	
}

#the-image 
{
	height: 25px;
	padding:0px;
	margin:0px;
	background:none transparent scroll repeat 0% 0%; 
}



.panel-left.test-program li a:hover {
	background:none transparent scroll repeat 0% 0%;
}

.panel-left.test-program ul {
	padding: 0 0 15px 0;
	font-weight: bold;
}
.panel-left.test-program li {
	line-height: 16px;
}

.button.light_grey24px span {line-height: 24px;}
.button.light_grey24px a 
{
	background-position: left -600px; 
	color: #0a3298;
	padding:0px;
}
.button.light_grey24px span {background-position: right -600px;}
.button.light_grey24px a:hover {background-position: left -650px;}
.button.light_grey24px a:hover span {background-position: right -650px;}


.sidebar-container-left .sidebar-item-news  {
	padding-bottom: 0px;
	border-bottom: 1px solid #e8e9ee;
	margin-bottom: 10px;
	width: 203px;
}
.sidebar-container-left .sidebar-item-news.first-child {
	border-bottom: 1px solid #e8e9ee;
}

.sidebar-container-left .sidebar-item {
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e9ee;
	margin-bottom: 10px;
	width: 203px;
}

.sidebar-container-left {
	padding-left: 5px;
}
.sidebar-container-left .sidebar-item {
	padding-bottom: 10px;
	border-bottom: 1px solid #e8e9ee;
	margin-bottom: 10px;
	width: 203px;
}
.sidebar-container-left .sidebar-item.first-child {
	border-bottom: 1px solid #e8e9ee;
}
.sidebar-container-left .sidebar-item.last-child {
	border-bottom: none;
}
.sidebar-container-left .sidebar-item .p {
	border: 0;
	outline-style: none;
	outline-width: 0px;
	vertical-align: baseline ;
	padding-top: 3px; 
}

.dropmenudiv{
position:absolute;
top: 0;
margin-top: 5px;
text-align: left;
border: 1px solid #2c4a6e; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
z-index:100;
background-color: white;
width: 210px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 5px;
border-bottom: 1px solid #2c4a6e; /*THEME CHANGE HERE*/
padding: 7px 0;
text-decoration: none;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #d8e6f7;
text-decoration: none;
}

/* ######### Style for Drop Down Menu Two ######### */

.dropmenudivtwo{
position:absolute;
top: 0;
margin-top: 5px;
margin-top: 5px;
text-align: left;
border: 1px solid #2c4a6e; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 11px Verdana;
z-index:100;
background-color: white;
width: 164px;
visibility: hidden;
}


.dropmenudivtwo a{
width: auto;
display: block;
text-indent: 5px;
border-bottom: 1px solid #2c4a6e; /*THEME CHANGE HERE*/
padding: 7px 0;
text-decoration: none;
color: black;
}

* html .dropmenudivtwo a{ /*IE only hack*/
width: 100%;
}

.dropmenudivtwo a:hover{ /*THEME CHANGE HERE*/
background-color: #d8e6f7;
text-decoration: none;
}

/****  CUSTOM CLASSES ****/

.content-main-internal .main button
{
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10pt; FONT-FAMILY: Arial 
}
.content-main-internal .main img
{
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px 
}
.content-main-internal .main .body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
} 

/* datatablemiddle should be applied to tables whose cells should have TDs valign=middle */
.content-main-internal .main .datatablemiddle TABLE
{
	margin: 0px;
}
.content-main-internal .main .datatablemiddle TD  
{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px }

.content-main-internal .main .datatablemiddle TD .tdLeftAligned
{
	text-align: left;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; 
	PADDING-TOP: 0px }
	
.content-main-internal .main .datatablemiddle TD .tdRightAligned
{
	text-align: right;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; 
	PADDING-TOP: 0px }

/* datatabletop should be applied to tables whose cells need to have TDs valign=top */	
.content-main-internal .main .datatabletop TABLE
{
	margin: 0px;
}
.content-main-internal .main .datatabletop TD  
{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px; }

/* datatableImg should be applied to IMG tags, so they don’t display borders */	
.content-main-internal .main .datatableImg  
{
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px }

/* 'Buttons' should be applied to <input..> buttons to force this style, if needed.*/
.content-main-internal .main .Buttons  
{
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 10pt; FONT-FAMILY: Arial;
	vertical-align:middle }


/****  UL/LI tags   *****/
.content-main-internal .main .datatablemiddle #the-list ul {
	list-style-type : disc ; padding-top:10px; padding-bottom:10px;
}


.content-main-internal .main .datatablemiddle #the-list li {
	list-style-type : disc ; 
}



/****  P tags   *****/
.content-main-internal .main .ptsmain  /* P tag with no padding */
{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }

.content-main-internal .main .ptsmain10  /* P tag with 10px Bottom padding */
{
	PADDING-BOTTOM: 10px; MARGIN: 0px }

/********************/


/**** Table related styles  *****/	
/*
   These styles are for tables that need to have Grey thin border
   And TD cells with 4px padding. Valign = middle.
 */	
.content-main-internal .main TABLE .tablebordergrey 
{
	margin: 0px; 
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #efefef;
	border-collapse: separate;
}
			
.content-main-internal .main TABLE .tablebordergrey TD.cellbordergrey   
{
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #dddddd;
	vertical-align: middle;
}
/*********************************/

A:active { CURSOR: hand; TEXT-DECORATION: underline }
A:visited { CURSOR: hand; TEXT-DECORATION: underline }

/* Bootstrap error overwrites */
.content-main-internal .alert-danger .error-icon{
    margin-right: 5px;
    float: left;
    margin-right: 10px;
}

.content-main-internal .alert-danger .error-text{
    float: left;
    margin-top: 1px;
}

.content-main-internal .alert-danger .width-standard {
    width: 690px;
}

.content-main-internal .alert-danger .margin-leftn40 {
    margin-left: -40px;
}

.nav-side .nav-item .nav-item-sub-selected a
{background:0;color:#0066c6;height:auto;line-height:normal;padding:2px 0 2px 16px;font-weight:normal;background:url(/images/ui/common-assets/tradestation-sprite.png) no-repeat 0 -544px; font-weight:bold}
.nav-side .nav-item .nav-item-sub-selected a:hover
{text-decoration:underline}
.nav-side .nav-item .nav-item-sub-selected span
{font-size:11px}

/* download application styles */

.noDlHeader {
    font-weight: bold;
    font-size: 14px;
    color: #494949;
}

.importantMessage {
    margin-top: 10px;
    line-height: 15px;
}

.download-alert-info {
    color: #3a87ad;background-color:#d9edf7;border-color: #bce8f1;
}