html, body {
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Montserrat !important;
	font-style: normal;
	font-weight: normal;
	color: #111111;
	font-size: 12px !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #FFFFFF;;
	-webkit-box-sizing: inherit !important;
}
#divDynamicContent {
	min-width: 1024px;
}
#content {
	margin: 0px auto;
	width: 100%;
	text-align: left;
}
#header {
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
	background-color: #050F19;
	color: #fff;
	position: fixed;
	top: 0;
	z-index: 91;
	/*box-shadow: 0px 0px 30px -3px #989898;*/
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 200;
	line-height: normal;
	font-size: 12px;
}
#header .banner {
	height: 82px;
	background-color: rgb(255, 255, 255);
	padding-top: 7px;
}
#header .banner .logo-panel {
	width: 411px;
	padding-left: 10px;
}
#header .banner .link-panel {
	height: 22px;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
	-webkit-text-size-adjust: none;
}
#header .banner .link-panel span {
	vertical-align: middle;
	cursor: pointer;
}
#header .banner .link-panel label {
	vertical-align: middle;
	cursor: pointer;
}
#header .banner .link-panel span:hover {
	color: rgb(176, 29, 36);
}
#header .banner .link-panel label:hover {
	color: rgb(176, 29, 36);
}
#header .banner .link-panel a {
	visibility: hidden;
}
#header .banner .link-panel img {
	vertical-align: middle;
}
#header .banner .link-panel #div-language-menu a {
	visibility: inherit;
}
#header .banner .ticker-panel {
	height: 60px;
	padding-left: 100px;
	visibility: hidden;
}
#header .banner .logout-panel {
	/* [disabled]width: 120px;
*/
	/* [disabled]height: 22px;
*/
	text-align: right;
	overflow: hidden;
	/* [disabled]vertical-align: top;
*/
}
#header .banner .logout-panel a {
	padding: 5px 8px;
	visibility: hidden;
	cursor: pointer;
	/* [disabled]background-color: rgb(211, 217, 221);
*/
}
#header .banner .logout-panel a:hover {
	color: rgb(176, 29, 36);
}
#header .banner .currency-panel {
	height: 60px;
	text-align: center;
	vertical-align: middle;
}
#header .banner .currency-panel label {
	font-size: 18px;
	display: none;
}
#header .banner .currency-panel select {
	margin: 0px auto;
	width: 60px;
	display: none;
}
#header .menu {
	height: 40px;
}
#header .menu ul {
	margin-top: -1px;
	margin-right: -1px;
	margin-left: -1px;
	margin-bottom: -1px;
	padding: 0px;
	overflow: hidden;
	background-color: #DAD9D9;
	border-bottom: 2px solid #000000;
}
#header .menu ul li {
	list-style: none;
	height: 40px;
	float: left;
	cursor: default;
}
#header .menu ul li span {
	visibility: hidden;
}
#header .menu ul li div {
	line-height: 40px;
}
#header .menu ul li div.bar {
	width: 1px;
	float: left;
	background-color: #DAD9D9;
}
#header .menu ul li div.mid {
	background-repeat: repeat-x;
	width: 80px;
	text-align: center;
	float: left;
	background-color: #DAD9D9;
}
#header .menu ul li div.left {
	background: url("/images/31/menu_left.png") no-repeat;
	width: 10px;
	float: left;
}
#header .menu ul li div.right {
	background: url("/images/31/menu_right.png") no-repeat;
	width: 10px;
	float: left;
	display: none;
}
#header .menu ul li div.pointer {
	display: none;
}
.cfd #header .menu ul li div.bar {
	background: url("/images/31/MENU_YELLOW_MID.png") no-repeat;
	width: 1px;
	float: left;
}
.cfd #header .menu ul li div.mid {
	background: url("/images/31/MENU_YELLOW_MID.png") repeat-x;
	width: 80px;
	text-align: center;
	float: left;
}
.cfd #header .menu ul li div.left {
	background: url("/images/31/MENU_YELLOW_LEFT.png") no-repeat;
	width: 10px;
	float: left;
}
.cfd #header .menu ul li div.right {
	background: url("/images/31/MENU_YELLOW_RIGHT.png") no-repeat;
	width: 10px;
	float: left;
}
#header .menu ul li.inactive {
	cursor: pointer;
}
#header .menu ul li.inactive span {
	visibility: visible;
}
#header .menu ul li.inactive div.bar {
	background: url("/images/31/menu_bar.png") no-repeat;
	width: 1px;
	float: left;
}
#header .menu ul li.inactive:hover {
	color: rgb(176, 29, 36);
}
#header .menu ul li.inactive:hover div.mid {
	background: url("/images/31/menu_mid_active.png") repeat-x;
}
#header .menu ul li.inactive:hover div.left {
	background: url("/images/31/menu_left_active.png") no-repeat;
}
#header .menu ul li.inactive:hover div.right {
	background: url("/images/31/menu_right_active.png") no-repeat;
}
.cfd #header .menu ul li.inactive:hover div.mid {
	background: url("/images/31/MENU_YELLOW_MID_ACTIVE.png") repeat-x;
}
.cfd #header .menu ul li.inactive:hover div.left {
	background: url("/images/31/MENU_YELLOW_LEFT_ACTIVE.png") no-repeat;
}
.cfd #header .menu ul li.inactive:hover div.right {
	background: url("/images/31/MENU_YELLOW_RIGHT_ACTIVE.png") no-repeat;
}
#header .menu ul li.active {
	text-align: center;
	color: rgba(255,255,255,1.00);
	cursor: default;
}
#header .menu ul li.active span {
	visibility: visible;
}
#header .menu ul li.active div.bar {
	background: url("/images/31/menu_bar.png") no-repeat;
}
#header .menu ul li.active div.mid {
	/* [disabled]background: url("/images/31/menu_mid_active.png") repeat-x;
*/
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: #343434;
	margin-left: 3px;
	margin-right: 3px;
}
#header .menu ul li.active div.left {
	background: url("/images/31/menu_left_active.png") no-repeat;
	display: none;
}
#header .menu ul li.active div.right {
	background: url("/images/31/menu_right_active.png") no-repeat;
}
#header .menu ul li.active div.pointer {
	background: url("/images/31/menu_pointer.png") no-repeat;
	margin: 0px auto;
	top: -2px;
	width: 14px;
	height: 10px;
	clear: both;
	display: none;
	position: relative;
}
.cfd #header .menu ul li.active div.bar {
	background: url("/images/31/menu_bar.png") no-repeat;
}
.cfd #header .menu ul li.active div.mid {
	background: url("/images/31/MENU_YELLOW_MID_ACTIVE.png") repeat-x;
}
.cfd #header .menu ul li.active div.left {
	background: url("/images/31/MENU_YELLOW_LEFT_ACTIVE.png") no-repeat;
}
.cfd #header .menu ul li.active div.right {
	background: url("/images/31/MENU_YELLOW_RIGHT_ACTIVE.png") no-repeat;
}
.cfd #header .menu ul li.active div.pointer {
	background: url("/images/31/MENU_YELLOW_POINTER.png") no-repeat;
	margin: 0px auto;
	top: -2px;
	width: 14px;
	height: 10px;
	clear: both;
	display: block;
	position: relative;
}
#header .menu ul li.panel span {
	visibility: visible;
}
#header .menu ul li.panel div.mid {
	padding: 0px;
	width: 887px;
}
#divAccSum {
	float: left;
	visibility: hidden;
}
#divAccSum td {
	vertical-align: top;
}
#divAccSum td.field {
	padding: 0px 5px 0px 20px;
}
#divAccSum td.value {
	padding: 0px;
}
#divMyAccountPanel .yui-navset .yui-nav .selected a .dynamicTab .mid {
	color: rgb(255, 255, 255);/*background-image: url("/images/31/TAB_DBLUE_MID.png");*/
}
#divMyAccountPanel .yui-navset .yui-nav .selected a .dynamicTab .left {
	color: rgb(255, 255, 255);/*background-image: url("/images/31/TAB_DBLUE_LEFT.png");*/
}
#divMyAccountPanel .yui-navset .yui-nav .selected a .dynamicTab .right {
	color: rgb(255, 255, 255);/*background-image: url("/images/31/TAB_DBLUE_RIGHT.png");*/
}
#divMyAccountTab .yui-content {
	border: 0px currentColor;
	border-image: none;
	background-color: white;
}
#divMyAccountPanel {
	text-align: left;
	border-color: #cccccc;
	border-width: 1px 1px 1px 1px;
}
#divMyAccountPanel .hd {
	height: auto;
	border-color: #cccccc;
	border-width: 0px 0px 1px 0px;
	/*border-style: solid;*/
	text-align: center;
}
#divMyAccountPanel .bd {
	padding-top: 10px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	overflow-y: auto;
}
#divMyAccountPanel .ft {
	display: none;
}
#divMyAccountPanel .myAccountTabContent .bd {
	padding: 2px;
	width: auto;
}
#divMyAccountPanel .myAccountTabContent {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	/*border-radius: 0px 20px 20px;*/
	height: 400px;
}
#divMyAccountPanel .ifrm {
	border: currentColor;
	border-image: none;
	width: 620px;
	height: 395px;
	background-color: transparent;
}
#divMyAccountPanel h1 {
	text-align: left;
	color: rgb(255, 255, 255);
	padding-top: 6px;
	margin-top: 0px;
}
#divMyAccountPanel .panel {
	background: 0px 0px rgb(33, 45, 55);
	padding: 10px;
	height: 372px;
	text-align: left;
	color: rgb(64, 79, 93);
	/*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/
	font-size: 12px;
}
#divMyAccountPanel .panel .content {
	padding: 10px;
	width: 95%;
	height: 290px;
	background-color: rgb(255, 255, 255);
}
#divChangePassword #divChangePassword {
	background: 0px 0px #f3f3f3;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 600px;
	height: 372px;
	text-align: left;
	color: #111111;
	font-size: 12px;
	border: 1px solid #cccccc;
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
}
#main-content {
	background: url("/images/31/main-content-back.gif") repeat-x left 20% rgb(255, 255, 255);
	height: 300px;
	padding-top: 10px;
}
#main-content #descr1 {
	font-weight: normal !important;
}
#main-content #descr2 {
	color: red !important;
	font-weight: normal !important;
}
#divTicker {
	width: auto;
	height: 50px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#divTicker a {
	color: rgb(47, 61, 82);
	text-decoration: none;
	white-space: nowrap;
	-moz-binding: url(bindings.xml#ellipsis);
}
#divTicker a:hover {
	text-decoration: underline;
}
#divTicker img {
	border: currentColor;
	border-image: none;
	vertical-align: middle;
}
#tblMain_Container {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	border-spacing: 0px;
	background-color: #FFFFFF;
	margin-top: 78px;
}
#tblMain_Container td.trTopLeft {
	width: 13px;
	height: 30px;
}
#tblMain_Container td.trBottomLeft {
	width: 13px;
	height: 30px;
}
#tblMain_Container td.trLeftSidder {
	width: 13px;
	height: 30px;
}
#tblMain_Container td.trTopRight {
	width: 12px;
	height: 30px;
}
#tblMain_Container td.trBottomRight {
	width: 12px;
	height: 30px;
}
#tblMain_Container td.trRightSidder {
	width: 12px;
	height: 30px;
}
.trTopLeft {
	/* [disabled]background: url("/images/31/tp_topLeft_Container_Background.png") no-repeat;
*/
}
.trTopRight {
	/* [disabled]background: url("/images/31/tp_TopRight_Container_Background.png") no-repeat;
*/
}
.trTopping {
	/* [disabled]background: url("/images/31/tp_Topping_Container_Background.png") repeat-x;
*/
	text-align: right;
}
.trLeftSidder {
}
.trRightSidder {
	/* [disabled]background: url("/images/31/tp_RightSidder_Container_Background.png");
*/
}
.trCenter {
	/* [disabled]background: url("/images/31/tp_Center_Background.png") repeat-x rgb(255, 255, 255);
*/
}
.trBottomLeft {
	/* [disabled]background: url("/images/31/tp_bottomLeft_Container_Background.png") no-repeat;
*/
}
.trBottomRight {
	/* [disabled]background: url("/images/31/tp_BottomRight_Container_Background.png") no-repeat;
*/
}
.trBottomCenter {
	/* [disabled]background: url("/images/31/tp_Bottom_Container_Background.png") repeat-x;
*/
}
#divContactUs {
	top: 0px;
	text-align: left;
	visibility: hidden;
	position: absolute;
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.560784) 3px 3px 20px 0px;
}
#divContactUs .box {
	padding: 5px 8px;
}
#divContactUs .box label {
	font-weight: bold;
}
#divContactUs .box table label {
	font-weight: normal;
}
#divContactUs .box span {
	font-weight: normal;
}
#divContactUs .box span label {
	font-weight: normal;
}
#divContactUs .box div {
	padding: 3px 0px;
	font-weight: normal;
}
#spnConnection {
	color: transparent!important;
}
.control {
	font-family: Montserrat;
	font-size: 11px;
}
.blueText {
	color: rgb(255, 255, 255);
}
.redText {
	color: rgb(176, 29, 36);
}
#ws_left_banner {
	/* [disabled]background: url("/images/31/mp_image/WS_left_banner.png") no-repeat;
*/
	width: 13px;
}
#ws_center_banner {
	/* [disabled]background: url("/images/31/mp_image/WS_center_banner.png") repeat-x;
*/
	vertical-align: top;
}
#ws_right_banner {
	/* [disabled]background: url("/images/31/mp_image/WS_right_banner.png") no-repeat;
*/
	width: 13px;
}
.spread #divAccSum {
	float: right;
	visibility: hidden;
	width: 580px;
}
.spread #divAccSum td {
	padding: 0px 8px;
	text-align: right;
	vertical-align: top;
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
	font-size: 12px;
	text-align: right;

	color: #FFFFFF;
}
.spread #divAccSum td.borderLeft {
	text-align: left;
	border-left: 1px solid rgba(255, 255, 255, 0.36);
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 200;
	line-height: 20px;
	font-size: 12px;

	color: #FFFFFF;
}
.spread #divAccSum td.borderLeftRight {
	text-align: left;
	border-left-color: rgb(187, 187, 187);
	border-left-width: 1px;
	border-left-style: solid;
}
.spread .link-panel {
	height: 22px;
	text-align: left;
	padding-right: 0px;
	vertical-align: middle;
	float: left;
	margin-top: 8px;
	display: block;
}
.spread .link-panel span {
	padding: 0px 2px;
	vertical-align: middle;
	cursor: pointer;
}
.spread .link-panel label {
	padding: 0px 2px;
	vertical-align: middle;
	cursor: pointer;
}
.spread .link-panel span:hover {
	color: #FFFFFF;
}
.spread .link-panel label:hover {
	color: #FFFFFF;
}
.spread .link-panel a {
	visibility: hidden;
    text-decoration: none;
}
.spread .link-panel img {
	padding: 0px 2px;
	vertical-align: middle;
}
.spread .link-panel #div-language-menu a {
	visibility: inherit;
}
.spread .link-panel #ddlCurrencyChanger {
	width: auto;
	display: none;
}
select#ddlCurrencyChanger {
	padding: 1px 5px 5px 5px;
	border-radius: 4px;
	border: 1px solid #ffffff;
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	font-size: 12px;
	color: #050F19;
}
.divImgLogo_c {
	position: absolute;
	text-align: center;
	width: 182px; 
    height: 42px;
	top: 29%;
	right: 40px;
}
.spread #divAccountNo {
	left: 16px;
	bottom: 15px;
	width: 100%;
	position: absolute;
	z-index: 10;
}
.spread #header {
	height: 100px;
    min-width: 1024px;
}
#lblQuickCashier {
	background: url(/images/Payments.png) no-repeat;
    background-position: 0px 1px;
    background-size: 16px 16px;
    height: 30px;
    width: 30px;
}
#lblLogout {
	background: url(/images/Arrow.png) no-repeat;
    background-position: 0px 1px;
    background-size: 16px 16px;
    height: 30px;
    width: 30px;
}
#imgGlobalLanguage {
	background: url(/images/Language.png) no-repeat;
    background-position: 0px 1px;
    background-size: 16px 16px;
    height: 30px;
    width: 30px;
	float: right;
}
#imgSymbol {
	background: url(/images/31/INFO.png) no-repeat;
    background-position: 0px 22px;
    background-size: 18px 18px;
    height: 30px;
    width: 10px;
    position: absolute;
    padding: 22px 0px 0px 25px;
    /* right: 50px; */
    cursor: pointer;
    margin-top: -3px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 14px;
    color: #999999;
	z-index: 1;
}
#lblMyAccount, #lblFairnessChart, #lblAutoChart, #lblQuickCashier, #lblContact, #lblLogout, #lblSupport, #imgGlobalLanguage {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	font-size: 14px;

	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 30px 0px 25px;
    margin-left: 10px;
	text-transform: capitalize;
}
#lblMyAccount:hover, #lblFairnessChart:hover, #lblAutoChart:hover, #lblQuickCashier:hover, #lblContact:hover, #lblLogout:hover, #lblSupport:hover, #imgGlobalLanguage:hover {
	text-decoration: none;
	color: #ffffff !important;
}

#divSignal {	
	background: url(/images/Signal.png) no-repeat;
    background-position: 12px 11px;
    background-size: 18px 14px;
    height: 30px;
    width: 30px;
    display: inline-block;
}

#lblSignal {
	cursor: pointer;
    background-color: #2DE0E8;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 4px 20px;
	margin: 8px 10px;
    width: 125px;
    text-align: center;
    vertical-align: middle;
    float: right;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #FFFFFF;
}

#divSignalTerms{
    border: 1px solid #666666;
}

#divSignalTerms .bd {
	text-align: left;
	width: 450px;
    max-height: 550px;
	height: auto;
    overflow: auto;
	
	padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;
}
	
.signalLoading {
	height: 400px;
	width: 390px;
	background-position: center center;
	background-image: url('../../images/loading.gif');
	background-repeat: no-repeat;
}

.divButtonSignals {
	text-align: center;
}

#divContract {	
	background: url(/images/smartNews.png) no-repeat;
    background-position: 7px 13px;
    background-size: 22px 22px;
    height: 35px;
    width: 30px;
    display: inline-block;
    transform: rotate(-20deg);
}

#lblContract {
	cursor: pointer;
    background-color: #2DE0E8;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 5px 20px;
	margin: 10px 10px;
    width: 125px;
    text-align: center;
    vertical-align: middle;
    float: right;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	color: #FFFFFF;
	margin-right: -175px;
}

#divContractTerms{
    border: 1px solid #666666;
}

#divContractTerms .bd {
	text-align: left;
	width: 450px;
    max-height: 550px;
	height: auto;
    overflow: auto;
	
	padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 16px;
    padding-left: 8px;
}
	
.contractLoading {
	height: 400px;
	width: 390px;
	background-position: center center;
	background-image: url('../../images/loading.gif');
	background-repeat: no-repeat;
}

.divButtonContracts {
	text-align: center;
}

#btnContinue, #btnDeposit, #btnDepositSignal {
	color: #fff;
    background-color: #050F19;
    border-color: #050F19;
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    /*text-transform: uppercase;*/
    font-weight: 700;
	margin-bottom: 5px;
}

#btnContinue:hover, #btnDeposit:hover, #btnDepositSignal:hover {
	background-color: #123252;
	border-color: #123252;
}

#btnCancel, #btnClose, #btnCloseSignal {
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff;
    background-color: #050F19;
    border-color: #050F19;
    /*text-transform: uppercase;*/
    font-weight: 700;
}

#btnCancel:hover, #btnClose:hover, #btnCloseSignal:hover {
	background-color: #999999;
	border-color: #999999;
}

.link-panel .ti-world {
	font-size: 16px;
	color: #FFFFFF;
}
.link-panel a .ti-world:link, .link-panel a .ti-world:hover {
	color: #ffffff;
}
.link-panel a .ti-world:visited, .link-panel a .ti-world:active, .link-panel a .ti-world:focus {
	color: #FFFFFF !important;
	text-decoration: none;
}
div#divContactUs {
	top: 37px !important;
}
#spnOpenLive {
    background-color: #00e5b4;
    color: black;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 20px;
    border: none;
    font-weight: 600;
}
#spnDemo {
    color: #EE0000;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
	position: absolute;
    margin-top: 33px;
    width: 100%;
    left: 50px;
}
#divLogo {
    left: 44%;
    position: absolute;
    margin: -52px;
    height: 90px;
    width: 240px;
}
#imgTNlogo {
	height: 40px;
	width: 240px;
}

#headerSideBar {
	display: none;
}

#divAccountFlag {
	float: right;
	font-size: 18px;
	padding-right: 90px;
	color: #C4C4C4;
	font-weight: normal;
}
#lblAccountTitle {
	font-size: 14px;
}
#spnAccountID {
	font-weight: bold;
}

#imgFlag {
	cursor: default;
    position: absolute;  
    height: 30px;
    width: 30px;
    right: 0;
    top: 3px;
	margin-right: 15px;
}

#divCurrentPositions .yui-dt-hd .yui-dt-col-OpenPL:hover {
	text-decoration: underline;
	color: red !important;
	cursor: pointer;
}
#divCurrentPositions .yui-dt-hd .yui-dt-col-OpenPL .fa-angle-down{
	margin-right: 2px;
}