divClosePosition #tblMarket {
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
#tdMarketList table, #tdMarketList table tr, #tdMarketList table th, #tdMarketList table td, #fixedTabviewPanel table, #fixedTabviewPanel table tr, #fixedTabviewPanel table th, #fixedTabviewPanel table td, #floatingTabviewPanel table, #floatingTabviewPanel table tr, #floatingTabviewPanel table th, #floatingTabviewPanel table td {
    border-left: none;
    border-right: none;
    background: #ffffff;
}
#divMarketTab table, #divMarketTab table tr, #divMarketTab table th, #divMarketTab table td, #fixedTabviewPanel table, #fixedTabviewPanel table tr, #fixedTabviewPanel table th, #fixedTabviewPanel table td, #floatingTabviewPanel table, #floatingTabviewPanel table tr, #floatingTabviewPanel table th, #floatingTabviewPanel table td {
	border-top: none;
	border-bottom: 1px solid #DADCDF;
}
#fixedTabviewPanel #divAccSummary #divAccountSummary table, #fixedTabviewPanel #divAccSummary #divAccountSummary table tr, #fixedTabviewPanel #divAccSummary #divAccountSummary table td, #floatingTabviewPanel #divAccSummary #divAccountSummary table, #floatingTabviewPanel #divAccSummary #divAccountSummary table tr, #floatingTabviewPanel #divAccSummary #divAccountSummary table td {
	border-bottom: none;
}
#fixedTabviewPanel #divMarketInfo #divMarketInformation table, #fixedTabviewPanel #divMarketInfo #divMarketInformation table tr, #fixedTabviewPanel #divMarketInfo #divMarketInformation table td, #floatingTabviewPanel #divMarketInfo #divMarketInformation table, #floatingTabviewPanel #divMarketInfo #divMarketInformation table tr, #floatingTabviewPanel #divMarketInfo #divMarketInformation table td {
	border-bottom: none;
}
#fixedTabviewPanel #divSettingCurrentPositions table, #fixedTabviewPanel #divSettingCurrentPositions table tr, #fixedTabviewPanel #divSettingCurrentPositions table td, #floatingTabviewPanel #divSettingCurrentPositions table, #floatingTabviewPanel #divSettingCurrentPositions table tr, #floatingTabviewPanel #divSettingCurrentPositions table td {
	border-bottom: none;
}
#fixedTabviewPanel #divSettingOpeningOrder table, #fixedTabviewPanel #divSettingOpeningOrder table tr, #fixedTabviewPanel #divSettingOpeningOrder table td, #floatingTabviewPanel #divSettingOpeningOrder table, #floatingTabviewPanel #divSettingOpeningOrder table tr, #floatingTabviewPanel #divSettingOpeningOrder table td {
	border-bottom: none;
}
#fixedTabviewPanel #divSettingActivityHistory table, #fixedTabviewPanel #divSettingActivityHistory table tr, #fixedTabviewPanel #divSettingActivityHistory table td, #floatingTabviewPanel #divSettingActivityHistory table, #floatingTabviewPanel #divSettingActivityHistory table tr, #floatingTabviewPanel #divSettingActivityHistory table td {
	border-bottom: none;
}
#fixedTabviewPanel #divSettingTransactionHistory table, #fixedTabviewPanel #divSettingTransactionHistory table tr, #fixedTabviewPanel #divSettingTransactionHistory table td, #floatingTabviewPanel #divSettingTransactionHistory table, #floatingTabviewPanel #divSettingTransactionHistory table tr, #floatingTabviewPanel #divSettingTransactionHistory table td {
	border-bottom: none;
}
.yui-dt-hd .yui-dt-first {
	text-transform: uppercase;
}
table#tblMarket {
    margin-bottom: 8px;
}
#tdMarketExplorer {
	width: 249px;
	vertical-align: top;
	visibility: hidden;
}
#tdMarketExplorer #spnMarketExplorerTitle {
	border: 1px solid rgb(167, 167, 150);
	border-image: none;
	color: rgb(255, 255, 255);
	font-weight: bold;
	background-color: rgb(143, 164, 181);
}
#divMarketExplorer {
	/*padding: 5px;*/
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-image: none;
    width: 225px;
    height: 304px;
	margin-right: 12px;
}
#divSearchMarket {
	vertical-align: middle;
	display: table-cell;
}
#divSearchMarket div {
	width: 223px !important;
}
#divSearchMarket input {
	width: 150px;
	position: relative;
}
#divSearchMarket img {
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}
#divMarketGroupTree {
	height: 267px;
	overflow: auto;
	overflow-y: scroll;
	border-top:1px solid #cccccc;
}
input#txtSearchMarket {
    padding: 0px 0px 0px 10px;
    border-radius: 3px;
    border: 0px solid #cccccc;
	font-family: Montserrat;
	font-style: normal;
	line-height: 23px;
	font-size: 12px;
	color: #333333;
	
	background: url(/images/Search.png) no-repeat;
    background-position: 70px 10px;
    background-size: 15px 15px;
    height: 35px;
    width: 200px !important;
	text-align: center;
}
#tdMarketList {
	padding: 0px;
	/* [disabled]width: 98%;
*/
	vertical-align: top;
	visibility: hidden;
}

#divMarketTab {
	padding: 0px;
	width: 100%;
}
#divMarketTab .marketTabContent {
	padding-top: 0%;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 0%;
	width: calc(100% - 2px);
	height: 306px;
}
#divMarketTab .marketTabContent .yui-dt-liner {
	padding-right: 4px;
	padding-left: 5px;
}
#divMarketTab th {
	font-weight: normal;
}
#divTransactionHistory  {
	/*height: 291px !important;*/
}
#divTransactionHistory  .yui-dt-bd, #divActivity  .yui-dt-bd {
	/*height: 266px !important;*/
}
#divActivity, #divSummaryTab  {
	width: 100%;
    min-width: 1080px;
}
#divSummaryTab  .yui-content {
	border-bottom-width: 0px;
}
#divSummaryTab .summaryTabContent {
	padding-top: 0%;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom: 0%;
	width: calc(100% - 2px);
	height: auto;
    background-color: #F3F3F3;
}
#divSummaryTab .summaryTabContent .yui-dt-liner {
	padding-top: 4px;
	padding-right:4px;
	padding-left: 4px;
	padding-bottom: 4px;
}
#divSummaryTab .summaryTabContentContainer {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	border: 1px solid #cccccc;
	/*min-height: 500px;*/
}
#divSummaryTab .summaryTabContentContainer .summaryTabContent {
	height: auto;
    color: #333333;
    background-color: transparent;
}
#divSummaryTab .space {
    height: 23px;
    margin: 6px 0;
}
#divSummaryTab div {
	vertical-align: middle;
}
#divSummaryTab th {
	font-weight: normal;
}
#divSummaryTab .orderIcon {
	background: url("/images/31/OrderSymbol.png") no-repeat;
	padding: 0px 2px;
	width: 10px;
	height: 10px;
	display: inline-block;
}
#divSummaryTab .tradeInfoIcon {
	background: url("/images/31/INFO.png") no-repeat;
	width: 24px;
	height: 23px;
	display: inline-block;
}
#divSummaryTab .tradeInfoIcon:hover {
	background: url("/images/31/INFO_OVER.png") no-repeat;
}
#divSummaryTab .partialOrderBox {
	padding-left: 30px;
	display: inline-block;
}
#divSummaryTab .partialOrder {
	display: inline-block;
}
#divSummaryTab .closeIcon {
	background: url("/images/31/POSITION_CLOSE.png") no-repeat;
	padding: 0px 2px;
	width: 17px;
	height: 17px;
	display: inline-block;
	cursor: pointer;
}
#divSummaryTab .closeIcon:hover { 
    background: url("../../images/31/POSITION_CLOSE_OVER.png") no-repeat; 
}
.container-close:hover {
    background: url("../../images/31/close-btn-over.png") no-repeat; 
}
#divSummaryTab .editIcon {
	background: url("/images/31/EDIT.png") no-repeat;
	padding: 0px 2px;
	width: 17px;
	height: 17px;
	display: inline-block;
	cursor: pointer;
}
#divSummaryTab .editIcon:hover {
	background: url("/images/31/EDIT_OVER.png") no-repeat;
}
#divSummaryTab .referralIcon {
	background: url("/images/31/referral-alert.png") no-repeat;
	background-position: bottom;
	padding: 0px 2px;
	width: 20px;
	height: 20px;
	display: inline-block;
	cursor: pointer;
}
#divSummaryTab .referralIcon:hover {
	background: url("/images/31/referral-alert.png") no-repeat;
	background-position: bottom;
}
#divSummaryTab .groupBox {
	padding: 0px 2px;
    width: 9px;
	height: 15px;
	display: inline-block;
}
#divSummaryTab .groupBox ~ .marketName {
	margin-left: 27px;
}
#divSummaryTab .expand {
	background: url("/images/31/TREEVIEW_EXPAND.jpg") no-repeat;
	background-position: 4px 3px;
}
#divSummaryTab .contract {
	background: url("/images/31/TREEVIEW_CONTRACT.jpg") no-repeat;
	background-position: 4px 3px;
}
#divSummaryTab .positionBox {
	display: inline-block;
}
#divSummaryTab .marketName {
	display: inline-block;
}
#divSummaryTab .marketName .marketSecondName {
	color: rgb(227, 27, 35);
	font-size: 10px;
}
#divSummaryTab .moreActionIcon {
	background: url("/images/31/EXPAND.png") no-repeat;
	width: 17px;
	height: 17px;
	display: inline-block;
	margin-right: 11px;
}
#divSummaryTab .moreActionIconActive {
	background: url("/images/31/EXPAND_OVER.png") no-repeat;
	width: 17px;
	height: 17px;
	display: inline-block;
	margin-right: 11px;
}
#divSummaryTab #divAccSummary .yui-dt-ft {
	border-width: 0px 1px 1px;
	border-style: none solid solid;
	border-color: currentColor rgb(127, 127, 127) rgb(127, 127, 127);
	border-image: none;
}
#divAccSummary {
	width: 100%;
}
#divAccSummary .yui-dt-hd .yui-dt-col-AccountBalance .yui-dt-liner{
    width: 130px;
}
#divAccSummary .yui-dt-hd .yui-dt-col-CreditAllocation .yui-dt-liner{
    width: 130px;
}
#divAccSummary .yui-dt-hd .yui-dt-col-OpenPL .yui-dt-liner{
    width: 120px;
}
#divAccSummary .yui-dt-hd .yui-dt-col-AccountValuation .yui-dt-liner{
    width: 140px;
}
#divAccSummary .yui-dt-hd .yui-dt-col-Percentage .yui-dt-liner{
    width: 170px;
}
#tblSetting {
	padding: 0px 2px;
	top: 47px;
	margin-top: -27px;
	display: inline-block;
	border-collapse: collapse;
	position: relative;
	z-index: 5;
	float: right;
}
#tblSetting td {
	width: 100%;
	vertical-align: bottom;
}
#tblSetting #divImgSetting {
	border: 1px solid transparent;
	border-image: none;
	top: 1px;
	width: 70px;
	display: none;
	position: relative;
	cursor: pointer;
	min-height: 20px;
}
#tblSetting #divImgSetting:hover, #tblSetting #myPaginator:hover {
	text-decoration: underline;
}
#tblSetting #myPaginator, #tblSetting #myPaginator span.first-child {
	border: 1px solid transparent;
	height: 20px;
	margin-bottom: 1px;
	margin-right: 0px;
}
#tblSetting #divPaginatorHolder {
	top: 5px;
	position: relative;
	z-index: 3;
}
#tblSetting #divCurrencyHolder {
	top: 5px;
	position: relative;
	z-index: 3;
}
#tblSetting #divSettingHolder {
	top: 3px;
	position: relative;
	z-index: 3;
}
#tblSetting #divSetting {
	width: 200px;
	position: absolute;
}
#divSetting #btnCSVDownload {
	display: none;
}
#wrpDownArrow {
	top: 7px;
    right: 4px;
    float: right;
    position: absolute;
}
#imgDownArrow {
	position: relative;
}
#spnOption {
	margin: 3px;
	padding: 0pt 0pt 1px;
	top: 5px;
	position: relative;
	font-size: 11px;
}
#divTicket .ticketPanelLoadingBox {
	width: 415px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#divProcess .ticketPanelLoadingBox {
	width: 415px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#divMoreAction .bd {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#divMoreActionMenu {
	padding: 0px;
	width: auto;
	text-align: left;
}
#divMoreActionMenu td {
	padding: 3px 5px;
}
#divMoreActionMenu tr {
	cursor: default;
}
#divMoreActionMenu tr:hover {
	color: #050F19;
}
#divMoreActionMenu .even td {
	border-width: 1px 0px;
	border-style: solid;
	border-color: rgb(0, 0, 0);
	border-image: none;
}
#divTradeInfoPanel .bd {
	font-family: Montserrat;
	color: #333333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
#divTradeInfo {
	padding: 0px;
	min-width: 300px;
}
#divTradeInfo table {
	width: 100%;
}
#divTradeInfo td {
	padding: 5px 10px;
	text-align: left;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
}
#divTradeInfo td.field {
	padding-left: 20px;
}
#divTradeInfo .first td {
	border-top-width: 0px;
}
#divTradeInfo .last td {
	border-bottom-width: 0px;
}
#divTradeInfo .subtitle {
	font-size: 12px;
	font-weight: 700;
	color: #333333;
}
#divNewsHeadLine b {
	color: rgb(47, 61, 82);
	font-size: 12px;
}
#divNewsHeadLine .headline {
	padding: 2px;
	width: 500px;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	-ms-text-overflow: ellipsis;
}
#divNewsHeadLine .headline:hover {
	color: rgb(47, 61, 82);
}
#divNewsArticle {
	padding: 3px 0px;
	height: 175px;
	overflow-y: scroll;
}
#divNewsArticle pre {
	white-space: pre-line;
}
#divNewsContent .title {
	font-size: 15px;
	font-weight: bold;
}
#divNewsContent .datetime {
	color: rgb(0, 0, 0);
	font-size: 12px;
}
#divNewsContent .back {
	padding: 0px 2px;
	color: rgb(0, 0, 0);
	font-size: 13px;
	cursor: pointer;
}
#divNewsContent .fontSize1 {
	color: rgb(0, 0, 0);
	font-size: 11px;
	cursor: pointer;
}
#divNewsContent .fontSize2 {
	color: rgb(0, 0, 0);
	font-size: 12px;
	cursor: pointer;
}
#divNewsContent .fontSize3 {
	color: rgb(0, 0, 0);
	font-size: 13px;
	cursor: pointer;
}
.button {
	margin: auto;
	padding: 0px;
	color: rgb(255, 255, 255);
	display: inline-block;
	border-collapse: collapse;
	cursor: pointer;
}
.button label {
	text-align: center;
	cursor: pointer;
}
.button .left {
	height: 21px;
	display: table-cell;
}
.button .mid {
	height: 21px;
	display: table-cell;
}
.button .right {
	height: 21px;
	display: table-cell;
}
.button .left {
	width: 3px;
	background-repeat: no-repeat;
}
.button .mid {
	padding: 0px 3px;
	width: auto;
	text-align: center;
	vertical-align: middle;
	background-repeat: repeat-x;
}
.button .right {
	width: 6px;
	background-repeat: no-repeat;
}
.blue .left {
	background-image: none;
	display: none;
}
.blue .mid {
	background-image: none;
}
.blue .right {
	background-image: none;
	display: none;
}
.green .left {
	background-image: none;
	display: none;
}
.green .mid {
	background-image: none;
}
.green .right {
	background-image: none;
	display: none;
}
.button.green, .button.grey {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	text-indent: 0;
	display: inline-block;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 12px;

	color: #FFFFFF;
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
	background-color: #050F19;
	border-radius: 4px;
	/*text-transform: uppercase;*/
}
.button.green:hover, .button.grey:hover {
	background-color: #123252;
	/*border: 1px solid #123252;*/
}
.button.red {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	text-indent: 0;
	display: inline-block;
	color: #ffffff !important;
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	font-size: 12px;
	/*padding: 4px 6px 4px 6px;*/
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
	background-color: #ED0000;
	border: 1px solid #ED0000;
}
.button.red:hover {
	background-color: #F71212;
	border: 1px solid #F71212;
}
.button.blue {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	text-indent: 0;
	display: inline-block;
	color: #FFFFFF !important;
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	font-size: 12px;
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
	/*text-transform: uppercase;*/
	background: #666;
	border-radius: 4px;
}
.button.blue:hover {
	background-color: #787373;
	/*border: 1px solid #2293b9;*/
}
.trade-phone {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	text-indent: 0;
	display: inline-block;
	color: #ffffff !important;
	font-family: Montserrat;
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	font-size: 12px;
	/*padding: 4px 6px 4px 6px;*/
	text-decoration: none !important;
	text-align: center;
	vertical-align: middle;
	background-color: #999999;
	border: 1px solid #999999;
	text-transform: lowercase;
	width: 54px;
	float: right;
}
.trade-phone:first-letter { 
    text-transform: uppercase;
 }
.trade-phone:hover {
	background-color: #bbbbbb;
	border: 1px solid #bbbbbb;
}
.red .left {
	background-image: none;
	display: none;
}
.red .mid {
	background-image: none;
}
.red .right {
	background-image: none;
	display: none;
}
.grey .left {
	background-image: none;
	display: none;
}
.grey .mid {
	background-image: none;
}
.grey .right {
	background-image: none;
	display: none;
}
.dynamicTab {
	margin: auto;
	padding: 0px;
	/*color: #FFFFFF;*/
	display: inline-block;
	border-collapse: collapse;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	/*background-color: #666666;
	text-transform: uppercase;*/
    font-size: 12px;
}
.dynamicTab:hover {
	/*color: #FFFFFF;
    background-color: #050F19;*/
}
.selected .dynamicTab, .selected .disableDynamicTab {
    /*background-color: #050F19;*/
	border-bottom-color: #FC5000;
    border-bottom-style: solid;
}

.selected .dynamicTab .mid{
    color: #606368 !important;
}

#tdMarketExplorer span.dynamicTab .mid {
	width: 203px;
	height: 26px;
	left: 13px;
	top: 128px;
	text-align: left;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 18px;
	padding: 11px 5px;
	color: #333333;
}
.dynamicTab label {
	text-align: center;
}
.dynamicTab .left {
	height: 19px;
	display: table-cell;
}
.dynamicTab .mid {
	height: 19px;
	display: table-cell;
}
.dynamicTab .right {
	height: 19px;
	display: table-cell;
}
.dynamicTab .left {
	width: 6px;
	background-repeat: no-repeat;
}
.dynamicTab .mid {
	padding: 14px 5px;
	width: auto;
	text-align: center;
	vertical-align: middle;
	background-repeat: repeat-x;
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 14px;

	color: #999999;
}
.dynamicTab .right {
	width: 6px;
	background-repeat: no-repeat;
}
.yui-navset .yui-nav a {
	font-weight: bold;
}
.yui-navset .yui-nav a {
	background-image: none;
}
.yui-navset .yui-navset-top .yui-nav a {
	background-image: none;
}
.yui-navset .yui-nav a:hover {
	background-image: none;
}
.yui-navset .yui-nav a:focus {
	background-image: none;
}
.yui-navset .yui-nav .selected a {
	background-image: none;
}
.yui-navset .yui-nav .selected a:focus {
	background-image: none;
}
.yui-navset .yui-nav .selected a:hover {
	background-image: none;
}
.yui-navset .yui-nav a em {
	padding: 0px;
	border: 0px currentColor;
	border-image: none;
	height: auto;
}
.yui-navset .yui-navset-top .yui-nav a em {
	padding: 0px;
	border: 0px currentColor;
	border-image: none;
	height: auto;
}
.yui-navset .yui-nav a .dynamicTab .left {
}
.yui-navset .yui-nav a .dynamicTab .mid {
}
.yui-navset .yui-nav a .dynamicTab .right {
}
.yui-navset .yui-nav .selected a .dynamicTab .left {
}
.yui-navset .yui-nav .selected a .dynamicTab .mid {
	/*color: rgb(255, 255, 255);
	height: 26px;*/
	left: 262px;
	top: 131px;

	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 14px;

	color: #C4C4C4;
}
.yui-navset .yui-nav .selected a .dynamicTab .right {
}
/*Pang 20151028*/
.divDealTicket_c .header, .divOpenOrder_c .header {
	background-color: transparent;
	color: #333;
}
.divDealTicket_c table, #bdNewTicket table, .divOpenOrder_c table {
	width: 100%;
}
.divDealTicket_c h3, #bdNewTicket h3, .divOpenOrder_c h3 {
	/*font-family: inherit;*/
	font-weight: 500;
	line-height: 1.1;
	color: #111111;
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 15px;
}
.divDealTicket_c .amount-field, #bdNewTicket .amount-field, .divOpenOrder_c .amount-field {
	float: left;
	margin-left: 10px;
	margin-right: auto;
	padding-left: 13px;
}
#divNewTicket .amount-field {
	float: left;
	margin-left: 10px;
	margin-right: auto;
	padding-left: 13px;
    margin-left: 118px;
}
.divDealTicket_c .input-amount-field, #bdNewTicket .input-amount-field, .divOpenOrder_c .input-amount-field, #divNewTicket .input-amount-field {
	margin-left: 130px;
}
.divDealTicket_c label#amount, #bdNewTicket label#amount, .divOpenOrder_c label#amount, #divNewTicket label#amount {
	float: left;
	line-height: 40px;
	font-size: 16px;
	font-weight: 400;
	margin-left: -18px;
	text-align: center;
	width: 30px;
}
.divDealTicket_c .sell-buy, #bdNewTicket .sell-buy, .divOpenOrder_c .sell-buy, #divNewTicket .sell-buy {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 8px;
	overflow: hidden;
}
.divDealTicket_c .sell-buton, #bdNewTicket .sell-buton, .divOpenOrder_c .sell-buton, #divNewTicket .sell-buton {
	float: left;
	border-radius: 4px;
}
.divDealTicket_c .btn-sell, #bdNewTicket .btn-sell, .divOpenOrder_c .btn-sell, #divNewTicket .btn-sell {
	color: #fff;
	background-color: #d0021b;
	border-color: #d0021b;
	border-radius: 3px;
	float: left;
	font-weight: 700;
	width: 107px;
	text-align: center;
	margin-top: 0px;
	cursor: pointer;
}
.divDealTicket_c .btn-sell label span, #bdNewTicket .btn-sell label span, .divOpenOrder_c .btn-sell label span, #divNewTicket .btn-sell label span {
	text-align: center;
	padding: 8px 15px;
	display: block;
	border-radius: 3px;
	font-size: 18px;
}
.divDealTicket_c div.sell-buy input[type=checkbox], #bdNewTicket div.sell-buy input[type=checkbox], .divOpenOrder_c div.sell-buy input[type=checkbox] {
	display: none;
}
.divDealTicket_c .buy-button, #bdNewTicket .buy-button, .divOpenOrder_c .buy-button {
	float: right;
	border-radius: 4px;
}
.divDealTicket_c .btn-buy, #bdNewTicket .btn-buy, .divOpenOrder_c .btn-buy, #divNewTicket .btn-buy {
	color: #fff;
	background-color: #123252;
	border-color: #123252;
	border-radius: 3px;
	float: left;
	font-weight: 700;
	width: 102px;
	text-align: center;
	margin-top: 0px;
	cursor: pointer;
}
.divDealTicket_c label, #bdNewTicket label, .divOpenOrder_c label {
	max-width: 100%;
	cursor: pointer;
}
.divDealTicket_c .btn-buy label span, #bdNewTicket .btn-buy label span, .divOpenOrder_c .btn-buy label span, #divNewTicket .btn-buy label span {
	text-align: center;
	padding: 8px 15px;
	display: block;
	border-radius: 3px;
	font-size: 18px;
}
.divDealTicket_c .form-control.amount, #bdNewTicket .form-control.amount, .divOpenOrder_c .form-control.amount, #divNewTicket .form-control.amount {
	display: inline;
	float: left;
	padding: 8px 6px;
	width: 90px;
}
.divDealTicket_c.hedging-deposit, .divDealTicket_c.hedging-level {
	margin-bottom: 8px;
	overflow: hidden;
}
.stop, .limit {
	border: 1px solid #cccccc;
	overflow: hidden;
	padding: 6px;
	margin-bottom: 8px;
}
.divDealTicket_c .hedging, .divOpenOrder_c .hedging {
	float: left;
}
.divDealTicket_c .form-group, .divOpenOrder_c .form-group, #divNewTicket .form-group {
	margin-bottom: 0px;
}
.place-stop-limit {
	float: left;
	width: 50%;
}
input[type=checkbox]:checked + .check-box:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
}
.check-box:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	background-color: #ffffff;
	color: #111111;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #3C3C3B;
}
.dl-horizontal {
	margin: 0;
}
.check-box {
	display: inline-block;
	cursor: pointer;
	font-size: 13px;
	margin-right: 10px;
	line-height: 15px;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	position: absolute;
	margin-left: -20px;
	color: #FFF;
	display: none;
}
.checkbox, .radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.checkbox label, .radio label {
	min-height: 20px;
	padding-left: 0px;
	margin-bottom: 0;
	cursor: pointer;
	margin-top: 2px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 12px;
    width: 80px;
	color: #333333;
}
.hedging-level .hedging .check-box {
	margin-top: -6px;
}
#divStopSection .ui-state-active, #divStopSection .ui-widget-content #divStopSection .ui-state-active, #divStopSection .ui-widget-header #divStopSection .ui-state-active {
	background-color: #cccccc;
	text-transform: uppercase;
	font-weight: 700;
	color: #333333;
	width: auto;
	border: 1px solid #cccccc;
}
#divStopSection .ui-state-default, #divStopSection .ui-widget-content #divStopSection .ui-state-default, #divStopSection .ui-widget-header #divStopSection .ui-state-default {
	background-color: transparent;
	text-transform: uppercase;
	font-weight: 700;
	color: #333333;
	width: auto;
	border: 1px solid #cccccc;
}
#divStopSection.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .2em 0.5em !important;
	text-decoration: none;
}
#divStopSection .ui-state-default a, #divStopSection .ui-state-default a:link, #divStopSection .ui-state-default a:visited {
	color: #333333;
	text-align: center;
	text-decoration: none;
}
#divStopSection .ui-state-hover a, #divStopSection .ui-state-hover a:hover, #divStopSection .ui-state-hover a:link, #divStopSection .ui-state-hover a:visited, #divStopSection .ui-state-focus a, #divStopSection .ui-state-focus a:hover, #divStopSection .ui-state-focus a:link, #divStopSection .ui-state-focus a:visited {
	color: #333333;
	text-decoration: none;
	background-color: #cccccc;
}
#divStopSection .ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	background-color: #cccccc;
}
#divStopSection, #divLimitSection, #divLimitSection-order, #place-stop-order {
	margin-top: 8px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background-color: #cccccc;
	text-transform: uppercase;
	font-weight: 700;
	color: #333333;
	width: auto;
	border: 1px solid #cccccc;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background-color: transparent;
	text-transform: uppercase;
	font-weight: 700;
	color: #333333;
	width: auto;
	border: 1px solid #cccccc;
}
.ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .2em 0.5em !important;
	text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #111111;
	text-align: center;
	text-decoration: none;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
	color: #333333;
	text-decoration: none;
	background-color: #cccccc;
}
.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
	background-color: #cccccc;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.ui-widget-header {
	border: 0px solid #e78f08;
	background: none;
	color: #fff;
	font-weight: bold;
}
.ui-helper-clearfix {
	min-height: 0;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 0px;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin-right: 1%;
	margin-left: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background-color: #050F19;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
}
.ui-tabs .ui-tabs-nav {
	margin-top: 8px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0;
}
.dl-horizontal dd {
	margin-left: 110px;
}
.dl-horizontal dt {
	float: left;
	width: 110px;
	overflow: hidden;
	clear: left;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.block {
	display: block;
}
.points-price {
	float: right;
	width: 50%;
}
.good-until {
	padding: 8px;
	background-color: #E0E0E0;
	margin-top: 8px;
	overflow: hidden;
	display:none;
}
.btn-cancelled {
	/*color: #333;
	background-color: #999999;
	border-color: #999999;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	font-size: 10px !important;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 3px;
	pointer-events: none;*/
	text-decoration: none;
}
.points-price .form-group, .level .form-group {
	float: left;
}
label.points {
	margin-left: 5px;
	font-size: 11px;
	font-weight: 400;
	display: block;
	clear: both;
	margin-bottom: 4px;
}
label.price {
	margin-left: 5px;
	font-size: 11px;
	font-weight: 400;
	display: block;
	clear: both;
	margin-bottom: 4px;
}
#divNewTicket .form-control.price {
	display: inline;
	width: 65px;
	float: left;
	margin-right: 6px;
	padding: 6px 6px;
	font-size: 12px;
	height: auto;
}
.divNewTicket_c .form-control.price {
	display: inline;
	width: 65px;
	float: left;
	margin-right: 6px;
	padding: 6px 6px;
	font-size: 12px;
	height: auto;
}
dd, dt {
	line-height: 2.0;
}
.divDealTicket_c .deposit, .divDealTicket_c.level {
	margin-top: 8px;
	float: right;
}
.divDealTicket_c .deposit .dl-horizontal dt {
	float: left;
	width: 130px;
	overflow: hidden;
	clear: left;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.divDealTicket_c .deposit .dl-horizontal dd {
	margin-left: 130px;
}
.divDealTicket_c .hedging-deposit, .divDealTicket_c .hedging-level {
	margin-bottom: 8px;
	overflow: hidden;
}
.divNewTicket_c .form-control, #bdNewTicket .form-control {
	display: block;
	height: 20px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#divAddOrder {
	text-align: left;
	border-top: 0px solid #dbdbdb;
	padding-top: 0px;
	margin-top: 8px;
}
.stop .checkbox, .limit .checkbox {
	margin-top: 0;
	margin-bottom: 0;
}
.divNewTicket_c .submit {
	border-bottom: 0px solid #dbdbdb;
	margin-top: 8px;
	margin-bottom: 8px;
	overflow: hidden;
	clear: both;
}
.divNewTicket_c .btn-submit {
	color: #fff;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	float: right;
	font-size: 12px;
	width: 100%;
	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;
}
.divNewTicket_c #btnSubmitOrder {
	width: 100%;
}
.divNewTicket_c .btn-submit:hover {
	background-color: #123252;
	border: 1px solid #123252;
}
#divTicket #btnMakePayment {
	color: #FFF;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	font-size: 10px;
	width: 100%;
	border: 1px solid transparent;
	padding: 6px 12px;
	width: 233px;
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
}
#divTicket #btnMakePayment:hover {
	background-color: #123252;
	border: 1px solid #123252;
}
.divNewTicket_c.summary {
	border-top: 1px solid #dbdbdb;
	padding-top: 8px;
	clear: both;
}
.spnMarketName_c {
	border-bottom: 1px solid #dbdbdb;
    padding-bottom: 11px;
    padding-top: 3px;
    padding-left: 10px;
    font-size: 11px;
    color: #111111;
}
.tdIfDoneOrder {
    font-weight:bold;
    border-bottom: 1px solid #dbdbdb;
}
.divOpenOrder_c {
	width: 100%;
}
/*Pang 20151028 end*/
#divTradeSuccessful {
	width: 410px;
}
#divTradeFailed {
	width: 410px;
}
#divBetReferral {
	width: 420px;
}
#divTradeProcessing {
	width: 410px;
	text-align: center;
}
#divBetReferralQuote {
	margin-top: -15px;
}
#divTicket #divOrderDetails {
	font-style: normal;
	font-weight: 300;
	color: #333;
	font-family: Montserrat;
	font-size: 12px;
}
#divDeleteOrder {
	width: 420px;
}
#divOptions {
	width: 350px;
	-webkit-box-shadow: 0px 4px 34px -2px rgba(0,0,0,0.51);
    -moz-box-shadow: 0px 4px 34px -2px rgba(0,0,0,0.51);
    box-shadow: 0px 4px 34px -2px rgba(0,0,0,0.51);
}
.ticketButton {
	background: url("/images/31/button_market_default.jpg") no-repeat;
	width: 112px;
	height: 81px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.ticketButton img {
	left: 40px;
	top: 10px;
	position: relative;
}
.arrowSell {
	background: url("/images/31/icon_sell.jpg") no-repeat right;
}
.arrowBuy {
	background: url("/images/31/icon_buy.jpg") no-repeat right;
}
.arrowPosition {
	left: -10px;
	top: 10px;
	height: 20px;
	position: relative;
}
.groupPanel {
	padding: 2px 5px;
	border: 2px solid rgb(170, 170, 170);
	border-image: none;
}
.groupPanelTitle {
	top: -11px;
	position: relative;
	z-index: 5;
	background-color: rgb(255, 255, 255);
}
.subtitle {
	font-size: 15px;
	font-weight: bold;
}
#divAccSum td span {
	color: #FFF;
}
.blueText {
	color: #00b254;
}
.redText {
	color: #f9660b;
}
.stakeBlue {
	padding: 2px;
	width: 30px;
	text-align: right;
	color: #FFFFFF;
	background-color: #008045;
}
.stakeRed {
	padding: 2px;
	width: 30px;
	text-align: right;
	color: #FFFFFF;
	background-color: #EE0000;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-Bid .yui-dt-liner div, #divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-Ask .yui-dt-liner div  {
	color: #333333;
	background-color: #F5F5F5;
	border-radius: 4px;
	text-align: right;
}
.blinkBlue {
	color: #FFFFFF !important;
	background-color: #008045 !important;
	border-radius: 4px;
	text-align: right;
}
.blinkRed {
	color: #FFFFFF !important;
	background-color: #EE0000 !important;
	border-radius: 4px;
	text-align: right;
}
.disabled {
	color: rgb(136, 136, 136);
}
.enabled {
	color: rgb(0, 0, 0);
}
.field {
	font-weight: bold;
}
.frontValue {
/*color: rgb(255, 255, 255); font-size: 12px; font-weight: bold;*/
}
.boldValue {
/*color: rgb(255, 255, 255); font-size: 20px; font-weight: bold;*/
}
.smallValue {
/*font-size: 12px; font-weight: bold; vertical-align: top;*/
}
.normalValue {
	color: rgb(255, 255, 255);
	font-size: 17px;
	font-weight: normal;
}
.frontGrayValue {
/*color: rgb(152, 152, 152); font-size: 12px; font-weight: bold;*/
}
.boldGrayValue {
/*color: rgb(152, 152, 152); font-size: 20px; font-weight: bold;*/
}
.smallGrayValue {
/*color: rgb(152, 152, 152); font-size: 12px; font-weight: bold; vertical-align: top;*/
}
.normalGrayValue {
	color: rgb(152, 152, 152);
	font-size: 17px;
	font-weight: normal;
}
.print {
	color: rgb(0, 0, 0);
	/*font-family: Tw Cen MT;*/
	font-size: 12px;
	font-weight: bold;
}
.ticketPanelLoadingBox {
	background-color: #f5f5f5;
	border: 0;/*border: 1px solid rgb(167, 167, 150);*/
	border-image: none;
	width: 100%;
	height: 100px;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: middle;
	float: left;
	display: table-cell; /*background-color: rgb(255, 255, 255);*/
}
.ticketPanelLoadingBox .loading {
	padding: 0px;
	top: 45px;
	position: relative;
}
.divNewTicket_c {
    text-align: left;
	padding: 0px;
	visibility: hidden;
	font-size: 11px;
	border: 1px solid #cccccc;
	background-color: #f5f5f5;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-radius: 4px;
	width: 370px;
	font-family: Montserrat;
font-style: normal;
font-weight: normal;
line-height: normal;
font-size: 12px;
	color: #111111;
	/*-webkit-box-shadow: 0px 4px 34px -2px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 4px 34px -2px rgba(0,0,0,0.51);
	box-shadow: 0px 4px 34px -2px rgba(0,0,0,0.51);*/
}
.imgSetting {
	background: url("/images/31/Setting.png") no-repeat;
    float: right;
    margin-right: 23px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
    color: #cccccc;
    cursor: pointer;
    margin-top: -39px;
    width: 20px;
    height: 20px;
}
.imgSetting:hover {
	background: url("/images/31/Setting_Over.png") no-repeat;
	cursor: pointer;
}
.divNewTicket_c .container-close:hover {
	color: #050F19;
	cursor: pointer;
}
.divNewTicket_c .yui-panel .hd, .divNewTicket_c .yui-panel .bd, .divNewTicket_c .yui-panel .ft {
	background-color: #f5f5f5;
	z-index: 5;
	background-image: none!important;
}
#divNewTicket .container-close {
	top: 50px;
}
.divNewTicket_c .container-close {
	top: 44px;
	text-indent: 0;
	display: inline-block;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 5px;
	color: #cccccc;
	font-size: 18px;
	cursor: pointer;	
	background: url('/images/31/sprite.png') no-repeat 0 -300px;
}
.divNewTicket_c .fa-times:before,  #divOptions  .fa-times:before, #divProcess .fa-times:before {
	content: "";
}
.divNewTicket_c .hd {
	padding: 0px 0px 0px 0px;
    background: none;
}
.divNewTicket_c .bd {
    background: none;
}
.divNewTicket_c .ft {
	margin-bottom: 5px;
	border-top: 0;
	padding: 0px;
	border-radius: 0px 0px 15px 15px; /*color: rgb(255, 255, 255); background-color: gray;*/
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
    background-color: #f5f5f5;
}
#toolTip-txtLevel .bd, #toolTip-txtIDOStopPrice .bd, #toolTip-txtIDOStopPoint .bd, #toolTip-txtIDOLimitPoint .bd, #toolTip-txtIDOLimitPrice .bd, #toolTip-txtStopPrice .bd, #toolTip-txtStopPoint .bd, #toolTip-txtLimitPoint .bd, #toolTip-txtLimitPrice .bd {
	border-radius: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-khtml-border-radius: 0px 0px 0px 0px;
	box-shadow: none;
	padding: 2px;
}
#toolTip-txtStake .bd {
	border-radius: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-khtml-border-radius: 0px 0px 0px 0px;
	box-shadow: none;
	padding: 2px;
}
.divNewTicket_c .yui-module{
	z-index: 9999;
}
.divNewTicket_c .yui-module .bd{
    border: solid 1px #cccccc;
    background-color: #FFFFFF;
    padding: 5px;
    font-weight: bold;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
.divNewTicket_c .betLoadingBox {
	text-align: center;
	vertical-align: middle;
	background-color: gray;
}
.divNewTicket_c .betLoadingBox .loading {
	position: relative;
}
#divOptions {
	visibility: hidden;
}
#divOptions .ft {
	display: none;
}
#divOptions .hd {
	padding: 0px 0px 0px 5px;
	border-radius: 15px 15px 0px 0px;
	border-image: none;
	width: 343px;
	height: 30px;
	color: rgb(0, 0, 0);
	background-color: rgb(208, 216, 220);
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-khtml-border-radius: 15px 15px 0px 0px;
}
.yui-panel#divOptions .hd {
	background: url("/images/31/PANEL_HEADER_BAR.png") repeat-x;
	height: 22px;
	color: rgb(0, 0, 0);
	vertical-align: middle;
}
#divRedPanel {
	visibility: hidden;
}
#divRedPanel {
	width: 420px;
}
#divRedPanel .ft {
	display: none;
}
#divRedPanel .hd {
	padding: 5px;
	border-radius: 15px 15px 0px 0px;
	border: 1px solid rgb(167, 167, 150);
	border-image: none;
	width: 408px;
	height: 20px;
	color: rgb(0, 0, 0);
	box-shadow: 10px 10px 10px #989898;
	background-color: rgb(255, 187, 221);
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-khtml-border-radius: 15px 15px 0px 0px;
}
#divRedPanel .bd {
	padding: 0px;
	border-radius: 0px 0px 15px 15px;
	border: 1px solid rgb(167, 167, 150);
	border-image: none;
	box-shadow: 10px 10px 10px #989898;
	background-color: rgb(255, 255, 255);
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
	-pie-background: linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
}
.yui-panel#divRedPanel .hd {
	height: 20px;
	color: rgb(0, 0, 0);
	vertical-align: middle;
	background-color: rgb(255, 187, 221);
}
#yui-panel-container {
	background-color: rgb(255, 255, 255);
}
#divNewTradeFailed .ft {
	display: none;
}
#divNewTradeFailed .hd {
	border-radius: 15px 15px 0px 0px;
	border: 1px solid rgb(167, 167, 150);
	border-image: none;
	color: rgb(0, 0, 0);
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-khtml-border-radius: 15px 15px 0px 0px;
}
#divNewTradeFailed .bd {
	border-radius: 0px 0px 15px 15px;
	border: 1px solid rgb(167, 167, 150);
	border-image: none;
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
}
#divNewTradeFailed .yui-panel .hd {
	background: url("/images/31/PANEL_FAIL_HEADER.png");
}
#divTradeProcessing .hd {
	border-radius: 15px 15px 0px 0px;
	border: 1px solid rgb(167, 167, 150);
	border-image: none;
	color: rgb(0, 0, 0);
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-khtml-border-radius: 15px 15px 0px 0px;
}
#divTradeProcessing .bd {
	border-radius: 0px 0px 15px 15px;
	border: 1px solid rgb(167, 167, 150);
	border-image: none;
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
}
#divTicket .hd {
	border-radius: 15px 15px 0px 0px; /*border: 1px solid rgb(167, 167, 150);*/
	border-image: none;
	color: rgb(0, 0, 0);
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-khtml-border-radius: 15px 15px 0px 0px;
}
#divTicket .bd {
	border-radius: 0px 0px 15px 15px; /*border: 1px solid rgb(167, 167, 150);*/
	border-image: none;
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
}
#divProcess {
	font-size: 12px;
	border: 1px solid #CCC;
	background-color: #F5F5F5;
	padding: 8px;
	border-radius: 4px;
	width: 270px;
	/*font-family: "Open Sans", sans-serif;*/
	font-style: normal;
	font-weight: 300;
	color: #333;
	overflow: hidden;
	box-sizing: border-box;
}
#divProcess .hd {
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 8px;
	background-image : none !important;
	border-radius: 15px 15px 0px 0px; /*border: 1px solid rgb(167, 167, 150);*/
	border-image: none;
	color: rgb(0, 0, 0);
	-webkit-border-radius: 15px 15px 0px 0px;
	-moz-border-radius: 15px 15px 0px 0px;
	-khtml-border-radius: 15px 15px 0px 0px;
}
#divProcess .bd {
	background : none;
	border-radius: 0px 0px 15px 15px; /*border: 1px solid rgb(167, 167, 150);*/
	border-image: none;
	-webkit-border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
}
#divProcess .container-close {
	text-indent: 0;
	font: normal normal normal 14px/1 FontAwesome;
	color: #cccccc;
	font-size: 18px;
	cursor: pointer;
	background: none;
	margin-top: 5px;
	background: url('/images/31/sprite.png') no-repeat 0 -300px;
}
#divProcess .container-close:hover {
	color: #050F19;
	cursor: pointer;
}
.tab {
	margin: auto;
	padding: 0px;
	border-collapse: collapse;
	cursor: pointer;
}
.disTab {
	margin: auto;
	padding: 0px;
	border-collapse: collapse;
	cursor: default;
}
.divNewTicket_c .selected {
	/*background: -ms-linear-gradient(rgb(231, 236, 237) 0%, rgb(248, 249, 250) 50%, rgb(248, 249, 250) 51%, rgb(231, 236, 237) 100%); text-align: center; color: rgb(176, 29, 36); font-weight: bold;*/
	border: 0px solid #050F19;
	background-color: #050F19;
	text-transform: uppercase;
	font-weight: 700;
	width: 48%;
	color: #ffffff;
	float: left;
	position: relative;
	top: 0;
	margin-right: 1%;
	margin-left: 1%;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.divNewTicket_c .inactive {
	/*background: -ms-linear-gradient(rgb(208, 216, 220) 0%, rgb(227, 233, 234) 50%, rgb(227, 233, 234) 51%, rgb(208, 216, 220) 100%); text-align: center;*/
	border: 0px solid #666666;
	background-color: #666666;
	text-transform: uppercase;
	font-weight: 700;
	width: 48%;
	color: #ffffff;
	float: left;
	position: relative;
	top: 0;
	margin-right: 1%;
	margin-left: 1%;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.header {
	color: rgb(255, 255, 255);
	background-color: rgb(18, 35, 56);
}
.roundCorner {
	margin: 0px;
	padding: 0px;
	width: 30px;
	height: 30px;
}
.upperLeftRoundCorner {
	background: url("/images/31/upper-left-round-corner.png") no-repeat;
}
.upperRightRoundCorner {
	background: url("/images/31/upper-right-round-corner.png") no-repeat;
}
.bottomLeftRoundCorner {
	background: url("/images/31/bottom-left-round-corner.png") no-repeat;
}
.bottomRightRoundCorner {
	background: url("/images/31/bottom-right-round-corner.png") no-repeat;
}
.topBorder {
/*border-top-color: rgb(167, 167, 150); border-top-width: 1px; border-top-style: solid;*/
}
.bottomBorder {
/*border-bottom-color: rgb(167, 167, 150); border-bottom-width: 1px; border-bottom-style: solid;*/
}
.leftBorder {
	border-left-color: rgb(167, 167, 150);
	border-left-width: 1px;
	border-left-style: solid;
}
.rightBorder {
	border-right-color: rgb(167, 167, 150);
	border-right-width: 1px;
	border-right-style: solid;
}
.tbRightBorder {
/*border-right-color: rgb(167, 167, 150); border-right-width: 1px; border-right-style: solid;*/
}
.tbLeftBorder {
/*border-left-color: rgb(167, 167, 150); border-left-width: 1px; border-left-style: solid;*/
}
.expendButton {
	width: 0px;
	height: 12px;
	cursor: pointer;
}
.downExpend {
/*background: url("/images/31/downexpend.png") no-repeat;*/
}
.upExpend {
/*background: url("/images/31/upexpend.png") no-repeat;*/
}
.upEnable {
	cursor: pointer;
}
.downEnable {
	cursor: pointer;
}
.upArrow {
	background: url("/images/31/UpArrowOn.png") no-repeat;
}
.downArrow {
	background: url("/images/31/DownArrowOn.png") no-repeat;
}
.upDisable {
	cursor: default;
}
.downDisable {
	cursor: default;
}
.upDisArrow {
	background: url("/images/31/UpArrowOff.png") no-repeat;
}
.downDisArrow {
	background: url("/images/31/DownArrowOff.png") no-repeat;
}
.dealticketControl {
	padding-top: 1px;
	padding-bottom: 1px;
}
.blurText {
	color: gray;
}
.dealticketSeperator {
	border-bottom-color: rgb(167, 167, 150);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.subtitle {
	font-size: 15px;
	font-weight: bold;
}
.subTiDis {
	font-size: 12px;
}
.ticketButton {
	background: url("/images/31/button_default.png") no-repeat;
	width: 75px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.ticketButton img {
	left: 40px;
	top: 10px;
	position: relative;
}
.ticketLabel {
	height: 25px;
	padding-top: 10px;
}
.priceArrowUp {
	background: url("/images/31/PRICE_ARROW_UP.png?ver=1") no-repeat;
}
.priceArrowDown {
	background: url("/images/31/PRICE_ARROW_DOWN.png?ver=1") no-repeat;
}
.priceArrowEqual {
	background: url("/images/31/PRICE_ARROW_EQUAL.png") no-repeat;
	margin-left: 27px !important;
}
.sellArrowIcon {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 90px;
}
.buyArrowIcon {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 90px;
}
.arrowPosition {
	left: 60px;
	top: 5px;
	width: 20px;
	height: 20px;
	position: absolute;
}
.ticketSmallButton {
	background: url("/images/31/button_default_small.png") no-repeat;
	border: 1px solid rgb(167, 167, 150);
	border-image: none;
	width: 64px;
	height: 85px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.ticketDisLabel {
	height: 16px;
	padding-top: 4px;
}
.arrowDisSell {
	background: url("/images/31/icon_sell.png") no-repeat right;
}
.arrowDisBuy {
	background: url("/images/31/icon_buy.png") no-repeat right;
}
.arrowDisPosition {
	left: -19px;
	top: 5px;
	height: 40px;
	position: relative;
}
.white {
	color: rgb(255, 255, 255);
	background-color: rgb(255, 255, 255);
}
.cover {
	opacity: 0.25;
	background-color: rgb(0, 0, 0);
	-moz-opacity: 0.25;
}
p.onTop {
	padding: 30px 40px 0px;
	width: 80%;
	text-align: center;
	color: rgb(255, 0, 0);
	font-size: x-large;
	position: absolute;
}
#divTicket {
	visibility: hidden;
}
#divTicket {
	width: 420px;
	-webkit-box-shadow: 0px 4px 34px -2px rgba(0,0,0,0.51);
	-moz-box-shadow: 0px 4px 34px -2px rgba(0,0,0,0.51);
	box-shadow: 0px 4px 34px -2px rgba(0,0,0,0.51);
}
#divTicket .ft {
	display: none;
}
.yui-panel#divTicket .hd {
	background: url("/images/31/PANEL_HEADER_BAR.png") repeat-x;
	height: 22px;
	color: rgb(0, 0, 0);
	vertical-align: middle;
}
#divProcess {
	visibility: hidden;
}
#divProcess {
	width: 420px;
}
#divProcess .ft {
	display: none;
}
.yui-panel#divProcess .hd {
	background: url("/images/31/PANEL_HEADER_BAR.png") repeat-x;
	height: 22px;
	color: rgb(0, 0, 0);
	vertical-align: middle;
}
.marketIcon {
	margin: auto;
	width: 17px;
	height: 17px;
	cursor: pointer;
	background-repeat: no-repeat;
}
.chartStandard {
	background-image: url("/images/31/CHART_STANDARD.png");
}
.chartStandard:hover {
	background-image: url("/images/31/CHART_STANDARD_OVER.png");
}
.chartAdvance {
	background-image: url("/images/31/CHART_ADVANCE.png");
}
.chartAdvance:hover {
	background-image: url("/images/31/CHART_ADVANCE_OVER.png");
}
.marketInfo {
	background-image: url("/images/31/INFO.png");
}
.marketInfo:hover {
	background-image: url("/images/31/INFO_OVER.png");
}
.priceArrowIcon {
	margin: auto;
	width: 13px;
	height: 13px;
}
.watchListAdd {
	background-image: url("/images/31/PORTFOLIO_PLUS.png");
}
.watchListAdd:hover {
	background-image: url("/images/31/PORTFOLIO_PLUS_OVER.png");
}
.watchListRemove {
	background-image: url("/images/31/PORTFOLIO_MINUS.png");
}
.watchListRemove:hover {
	background-image: url("/images/31/PORTFOLIO_MINUS_OVER.png");
}
.watchListProcessing {
	background-image: url("/images/31/busyarr_1.gif");
}
#divAccountSummary {
	/*border: 1px solid #cccccc;*/
	border-image: none;
}
#divAccountSummary span.value {
	width: 100px;
	text-align: right;
	display: block;
}
#divAccountSummary span.desc {
}
#divAccountSummary .borderTop {
	border-top-color: rgb(0, 0, 0);
	border-top-width: 1px;
	border-top-style: solid;
}
#divAccountSummary .borderBottom {
	border-bottom-color: rgb(0, 0, 0);
	border-bottom-width: medium;
	border-bottom-style: double !important;
}
.accountSum-even {
	background-color: #F3F3F3;
}
.accountSum-odd {
	background-color: #FFF;
}
.accountSum-empty {
	background-color: rgb(255, 255, 255);
}
.accountSum-even td {
	height: 28px;
	padding-left: 5px;
	vertical-align: middle;
}
.accountSum-odd td {
	height: 28px;
	padding-left: 5px;
	vertical-align: middle;
}
.yui-dt th {
	/* [disabled]background: url("/images/31/gradian_header.png") repeat-x 0px 0px;
*/
}
.yui-dt-scrollable .yui-dt-hd {
	/* [disabled]background: url("/images/31/gradian_header.png") repeat-x;
*/
}
th.yui-dt-asc .yui-dt-liner {
	/* [disabled]background: url("/images/31/gradian_header.png") repeat-x;
*/
}
th.yui-dt-desc .yui-dt-liner {
	/* [disabled]background: url("/images/31/gradian_header.png") repeat-x;
*/
}
th.yui-dt-asc {
	/* [disabled]background: url("/images/31/gradian_header.png") repeat-x;
*/
}
th.yui-dt-desc {
	/* [disabled]background: url("/images/31/gradian_header.png") repeat-x;
*/
}
.yui-dt th[style] {
	border-right-color: currentColor !important;
	border-right-width: medium !important;
	border-right-style: none !important;
}
.ygtvtn {
	/*background: url("/images/31/TREEVIEW_UNSELECTED.jpg") no-repeat center  !important;*/
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvchildren .focused {
	background: #666 !important;
	color: #FFFFFF !important;
	padding: 3px 0px 3px 0px;
}
.ygtvitem {
	padding: 3px 0px 3px 0px;
	/*font-weight: normal;
	font-family: Montserrat;
    font-size: 12px;*/
}
#ygtvt1 {
	background: none !important;
}
.ygtvrow .selected {
	color: #050F19;
	/*background: url("/images/31/TREEVIEW_SELECTED.jpg") no-repeat center  !important;*/
}
.ygtvtm {
	background: url("/images/31/TREEVIEW_CONTRACT.jpg") no-repeat center  !important;
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvtmh {
	background: url("/images/31/TREEVIEW_CONTRACT.jpg") no-repeat center  !important;
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvtmhh {
	background: url("/images/31/TREEVIEW_CONTRACT.jpg") no-repeat center  !important;
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvtp {
	/*background: url("/images/31/TREEVIEW_EXPAND.jpg") no-repeat center  !important;*/
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvtph {
	/*background: url("/images/31/TREEVIEW_EXPAND.jpg") no-repeat center  !important;*/
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvtphh {
	background: url("/images/31/TREEVIEW_EXPAND.jpg") no-repeat center  !important;
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvln {
	/*background: url("/images/31/TREEVIEW_UNSELECTED.jpg") no-repeat center !important;*/
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvlm {
	background: url("/images/31/TREEVIEW_CONTRACT.jpg") no-repeat center  !important;
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvlmh {
	background: url("/images/31/TREEVIEW_CONTRACT.jpg") no-repeat center  !important;
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvlmhh {
	background: url("/images/31/TREEVIEW_CONTRACT.jpg") no-repeat center  !important;
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvlp {
	/*background: url("/images/31/TREEVIEW_EXPAND.jpg") no-repeat center  !important;*/
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvlph {
	background: url("/images/31/TREEVIEW_EXPAND.jpg") no-repeat center  !important;
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvlphh {
	background: url("/images/31/TREEVIEW_EXPAND.jpg") no-repeat center  !important;
	width: 18px;
	height: 22px;
	cursor: pointer;
}
.ygtvloading {
	background: url("/images/31/busyarr_1.gif") no-repeat center  !important;
	width: 18px;
	height: 22px;
}
#myPaginator-button {
    padding: 3px 3px;
    width: 70px;
    text-align: left;
    line-height: 18px;
    z-index: 99;
    min-height: 18px;
    background-image: url("/images/31/PagesButton.png");
    font-weight: bold;
    font-size: 11px;
    color: #333333;
    font-style: normal;
    font-weight: 400;
	/*font-family: 'Open Sans', sans-serif !important;*/
}
#myPaginator-button:hover {
	text-decoration:underline;
}
#myDaysMenuButton-button {
	padding: 0px 5px;
	width: 80px;
}
#myTransTypeMenuButton-button {
	padding: 0px 5px;
	width: 80px;
}
#myCurrencyMenuButton-button {
	padding: 0px 5px;
	width: 80px;
}
.loadingBox {
	padding: 50px;
	text-align: center;
	display: inline-block;
}
.loadingBox .icon {
	background: url("/images/31/LOADING.gif") no-repeat;
	width: 17px;
	height: 17px;
}
.trade-phone {
	/*background: url("/images/31/phone.png") no-repeat;
	width: 56px;
	height: 21px;
	margin: auto;
	line-height: 2;
	cursor: default;*/
}
/* -- auto expand panels
-------------------------*/

#divPopularMarket .yui-dt-bd table, 
#divPopularMarket .yui-dt-hd table {
	width: 100% !important;
}

.yui-dt-bd table, .yui-dt-hd table {
	width: 99.7%;
}
#divPopularMarket div.yui-dt-hd {
	/*width: calc(100% - 4px)!important;
    margin-right: 2px;
    padding-right: 4px;*/
	width: calc(100% - 0px)!important;
    padding-right: 0px;
}
#divWatchList div.yui-dt-hd {
	width: auto !important;
	margin-right: -2px;
	padding-right: 2px;
}
#divWatchList div.yui-dt-bd {
	height: 288px !important;
}
#tdMarketList .yui-navset .yui-content {
	border-bottom: 0px solid #cccccc; 
}
#divMarketTab .marketTabContent .yui-dt-hd .yui-dt-col-MarketName {
	width: 100%;
	font-weight: bold;
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 16px;
	color: #999999;
	padding: 5px 0px 5px 5px;
	text-align: left;
}
#divMarketTab .marketTabContent .yui-dt-hd .yui-dt-col-Quote {
	width: 130px;
    min-width: 130px;
	/*border-left: 1px solid #cccccc;
	padding-left: 2px !important;*/
	font-weight: bold;
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 16px;
	color: #999999;
	padding: 5px 20px 5px 5px;
}
#divMarketTab .marketTabContent .yui-dt-hd .yui-dt-col-DailyChangeIcon {
	width: 80px;
	min-width: 80px;
}
#divMarketTab .marketTabContent .yui-dt-hd .yui-dt-col-DailyChange {
	text-align: center;
    width: 175px;
    min-width: 175px;
	font-weight: bold;
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 16px;
	color: #999999;
	padding: 5px 0px 5px 5px;
	/*text-align: left;*/
}
#divMarketTab .marketTabContent .yui-dt-hd .yui-dt-col-HighLow {
	text-align: center;
	width: 190px;
	min-width: 190px;
	font-weight: bold;
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 16px;
	color: #999999;
	padding: 5px 30px 5px 5px;
}
#divMarketTab .marketTabContent .yui-dt-hd .yui-dt-col-DailyChange .yui-dt-liner .yui-dt-label{
	margin-left: 50px;
}
#divMarketTab .marketTabContent .yui-dt-hd .yui-dt-col-Action {
	width: 284px;
	min-width: 284px;
	border-right-width: 0px !important;
	font-weight: bold;
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 16px;
	color: #999999;
	padding: 5px 0px 5px 5px;
	text-align: left;
}
#divMarketTab .marketTabContent .yui-dt-hd .yui-dt-last {
	display: none;
}
#divMarketTab .yui-dt-hd .yui-dt-first， #fixedTabviewPanel .yui-dt-hd .yui-dt-first, #floatingTabviewPanel .yui-dt-hd .yui-dt-first {
	text-transform: uppercase;
}
#divMarketTab .marketTabContent .yui-dt-bd {
	/*height: 276px !important;*/
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-MarketName {
	width: auto;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-MarketName .yui-dt-liner {
	width: 290px;
	min-width: 200px;
	max-width: 290px;
	margin-left: 5px;
}
#divMarketTab .marketTabContent thead .yui-dt-first th:first-child div {
	/*margin-left: calc(50% - 25px);
	text-align: left;
	width: 100%;*/
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-Bid {
	width: 70px;
	min-width: 70px;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-Ask {
	width: 70px;
	min-width: 70px;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-DailyChangeIcon {
	width: 50px;
    min-width: 50px;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-DailyChange {
	width: 76px;
	min-width: 76px;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-DailyChangePercentage {
	width: 76px;
	min-width: 76px;
	padding-right: 50px;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-High {
	width: 60px;
	min-width: 60px;
	padding-right: 30px;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-Low {
	width: 60px;
	min-width: 60px;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-button-trade {
	text-align: right;
	width: 78px;
	min-width: 78px;
	text-transform: capitalize;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-button-order {
	text-align: left;
	width: 78px;
	min-width: 78px;
	text-transform: capitalize;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-icon-chart {
	text-align: center;
	width: 37px;
	min-width: 37px;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-icon-market-info {
	text-align: center;
	width: 37px;
	min-width: 37px;
}
#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-icon-watchlist {
	text-align: center;
	width: 37px;
	min-width: 37px;
}
/*current position grid*/
#divSummaryTab .yui-dt-hd  {
	width: calc(100% - 4px) !important;
	padding-right: 4px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-MarketName {
	width: auto;
	padding-right: 0px;
	text-align: left;
	color: #999999;
    padding: 5px 0px 5px 5px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-Direction {
	width: 40px;
	min-width: 40px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-Stake {
	width: 70px;
	min-width: 70px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-OpeningPrice {
	width: 80px;
	min-width: 80px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-CurrentPrice {
	width: 80px;
	min-width: 80px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-OpenPL {
	width: 100px;
	min-width: 100px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-StopOrderPrice {
	width: 80px;
	min-width: 80px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-LimitOrderPrice {
	width: 80px;
	min-width: 80px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-EditOrder {
	width: 40px;
	min-width: 40px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-IMR {
	width: 100px;
	min-width: 100px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-IMR .yui-dt-liner {
	text-align: center;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-NotionalValue {
	width: 100px;
	min-width: 100px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-NotionalValue {
	width: 100px;
	min-width: 100px;
	text-align: right;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-CreationTime {
	width: 120px;
	min-width: 120px;
	color: #999999;
    padding: 5px 0px 5px 0px;
	text-align: left;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-CloseOrder {
	width: 40px;
	min-width: 40px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divCurrentPositions .yui-dt-hd .yui-dt-col-MoreIcon {
	width: 40px;
	min-width: 40px;
	color: #999999;
    padding: 5px 18px 5px 0px;
	text-align: left;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-MarketName {
	width: auto;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-Direction {
	width: 45px;
	min-width: 45px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-Stake {
	width: 70px;
	min-width: 70px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-OpeningPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-CurrentPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-OpenPL {
	width: 100px;
	min-width: 100px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-StopOrderPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-LimitOrderPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-EditOrder {
	text-align: center;
	width: 40px;
	min-width: 40px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-IMR {
	width: 100px;
	min-width: 100px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-CreationTime {
	width: 120px;
    min-width: 120px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-CloseOrder {
	text-align: center;
	width: 40px;
	min-width: 40px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-MoreIcon {
	text-align: right;
	width: 40px;
	min-width: 40px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd {
	width: calc(100% + 0px) !important;
}
/*opening order grid*/
#divSummaryTab #divOpeningOrder .yui-dt-hd  {
	width: calc(100% - 1px) !important;
	padding-right: 1px;
}

#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-Market {
	width: 100%;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 5px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-Stake {
	width: 70px;
	min-width: 70px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-StopOrderPrice {
	width: 80px;
	min-width: 80px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-LimitOrderPrice {
	width: 80px;
	min-width: 80px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-Type {
	width: 60px;
	min-width: 60px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-IDOStopOrderPrice {
	width: 80px;
	min-width: 80px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-IDOLimitOrderPrice {
	width: 80px;
	min-width: 80px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-GoodTill {
	width: 65px;
	min-width: 65px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-CurrentPrice {
	width: 80px;
	min-width: 80px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-IMR {
	width: 100px;
	min-width: 100px;
	color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-Period {
	width: 120px;
	min-width: 120px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-Action {
	width: 154px;
	min-width: 154px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 3px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-Action .yui-dt-liner {
	margin-left: 30px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-last {
	display: none;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-Market {
	width: 100%;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-Stake {
	width: 70px;
	min-width: 70px;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-StopOrderPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-LimitOrderPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-Type {
	width: 60px;
	min-width: 60px;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-IDOStopOrderPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-IDOLimitOrderPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd .yui-dt-col-GoodTill {
	width: 65px;
	min-width: 65px;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-CurrentPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divCurrentPositions .yui-dt-bd .yui-dt-col-IMR {
	width: 100px;
	min-width: 100px;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-Period {
	width: 120px;
	min-width: 120px;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-ButtonEdit {
	text-align: center;
	width: 68px;
	min-width: 68px;
	text-transform: uppercase;
}
#divSummaryTab #divOpeningOrder .yui-dt-bd .yui-dt-col-ButtonDelete {
	text-align: center;
	width: 68px;
	min-width: 68px;
}
/*transaction history grid*/
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-OpenPeriod {
	width: 120px;
	min-width: 120px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-TransactionDate {
	width: 120px;
	min-width: 120px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-Description {
	width: auto;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-Action {
	width: 150px;
	min-width: 150px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-Amount {
	width: 80px;
	min-width: 80px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-OpenPrice {
	width: 80px;
	min-width: 80px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-ClosePrice {
	width: 80px;
	min-width: 80px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-ProfitLoss {
	width: 90px;
	min-width: 90px;
	text-align: center;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-RollingBalance {
	width: 80px;
	min-width: 80px;
	/*text-align: left;*/
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-hd .yui-dt-col-RefID {
	width: 88px;
	min-width: 88px;
	text-align: left;
    color: #999999;
    padding: 5px 23px 5px 0px;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-OpenPeriod {
	width: 120px;
	min-width: 120px;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-TransactionDate {
	width: 120px;
	min-width: 120px;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-Description {
	width: auto;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-Action {
	width: 150px;
	min-width: 150px;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-Amount {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-OpenPrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-ClosePrice {
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-ProfitLoss {
	text-align: right;
	width: 90px;
	min-width: 90px;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-RollingBalance {
    text-align: right;
	width: 80px;
	min-width: 80px;
}
#divSummaryTab #divTransactionHistory .yui-dt-bd .yui-dt-col-RefID {
	width: 70px;
	min-width: 70px;
}
/*activity history grid*/
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-TransactionDate {
	width: 120px;
	min-width: 120px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-Market {
	width: auto;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-Stake {
	width: 70px;
	min-width: 70px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-Price {
	width: 70px;
	min-width: 70px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-Channel {
	width: 70px;
	min-width: 70px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-Type {
	width: 50px;
	min-width: 50px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-StopOrderPrice {
	width: 70px;
	min-width: 70px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-LimitOrderPrice {
	width: 70px;
	min-width: 70px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-GoodTill {
	width: 70px;
	min-width: 70px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-Result {
	width: 170px;
	min-width: 170px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-hd .yui-dt-col-ExpiryDate {
	width: 100px;
	min-width: 100px;
	text-align: left;
    color: #999999;
    padding: 5px 9px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-TransactionDate {
	width: 120px;
	min-width: 120px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-Market {
	width: auto;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-Stake {
	width: 70px;
	min-width: 70px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-Price {
	width: 70px;
	min-width: 70px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-Channel {
	width: 70px;
	min-width: 70px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-Type {
	width: 50px;
	min-width: 50px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-StopOrderPrice {
	width: 70px;
	min-width: 70px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-LimitOrderPrice {
	width: 70px;
	min-width: 70px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-GoodTill {
	width: 70px;
	min-width: 70px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-Result {
	width: 170px;
	min-width: 170px;
}
#divSummaryTab #divActivity .yui-dt-bd .yui-dt-col-ExpiryDate {
	width: 100px;
	min-width: 100px;
}
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.divChart_c {
	border: 1px solid #cccccc;
	height: 550px;
	width: 900px;
	background-color: #fff;
}
.chartLoading {
	background-position: center center;
	background-image: url('../../images/loading.gif');
	background-repeat: no-repeat;
}
.yui-resize {
	position: relative;
	zoom: 1;
	z-index: 90;
}
.yui-resize .yui-resize-handle {
	position: absolute;
	z-index: 1;
	font-size: 0;
	margin: 0;
	padding: 0;
	zoom: 1;
	height: 1px;
	width: 1px;
}
.yui-resize .yui-resize-handle-r {
	width: 7px;
	height: 100%;
	top: 0;
	right: 0;
	cursor: e-resize;
	zoom: 1;
	background-color: #F2F2F2;
}
.yui-resize .yui-resize-handle-r:hover {
	background-color: #7D98B8;
	zoom: 1;
}
.yui-resize-handle-inner-r {
	background: transparent url('../../images/layout_sprite.png') no-repeat 0 -5px;
	height: 16px;
	width: 7px;
	position: absolute;
	top: 45%;
}
.yui-resize .yui-resize-handle-b {
	width: 100%;
	height: 7px;
	bottom: 0;
	right: 0;
	cursor: s-resize;
	zoom: 1;
	background-color: #F2F2F2;
}
.yui-resize .yui-resize-handle-b:hover {
	background-color: #7D98B8;
	zoom: 1;
}
.yui-resize-handle-inner-b {
	background: transparent url('../../images/layout_sprite.png') no-repeat -20px 0;
	height: 7px;
	width: 16px;
	position: absolute;
	left: 50%;
}
.yui-resize .yui-resize-handle-br {
	height: 13px;
	width: 13px;
	bottom: 0;
	right: 0;
	cursor: se-resize;
	z-index: 2;
	zoom: 1;
	background-image: url('../../images/resize.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 13px;
}
.yui-skin-sam .yui-resize-proxy {
	border: 1px dashed #426FD9;
}
.yui-resize-proxy {
	position: absolute;
	border: 1px dashed #000;
	visibility: hidden;
	z-index: 1000;
}
.divChart_c .hd {
	height: auto;
	width: auto;
	border-color: #cccccc;
	border-width: 1px 1px 0px 1px;
	margin-right: 5px;
}
.container-close {
	margin-right: 5px!important;
}
.divChart_c .bd {
	height: calc(100% - 43px);
	width: auto;
	margin-right: 5px;
	margin-bottom: 5px;
}
.divChart_c .bd iframe {
	height: 98%;
	width: 98%;
	border-color: #EAEAEA;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
}
.tearoff_c {
	position: absolute;
	width: 15px;
	height: 15px;
	margin-right: 35px;
	margin-top: 4px;
	right: 0;
	background: url('/images/31/restore_button.png') no-repeat;
	cursor: pointer;
	border: 0px solid rgb(255, 255, 255);
	border-radius: 0px;
}
.tearoff_c:hover {
	background: url('/images/31/restore_button_h.png') no-repeat;
}
.symbolDescriptionLoading {
	height: 280px;
	width: 390px;
	background-position: center center;
	background-image: url('../../images/loading.gif');
	background-repeat: no-repeat;
}
.subscription-alert {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url("/images/31/subscription-alert.png") 0 0 no-repeat;
	vertical-align: middle;
	cursor: pointer
}
.subscription-alert:hover {
	background: url("/images/31/subscription-alert.png") 0px -20px no-repeat;
}
/*Yong 20151028 Start*/
#divOptions {
	width: 350px;
	font-size: 12px;
	/*font-family: "Open Sans", sans-serif;*/
	font-style: normal;
	font-weight: normal;
	color: #111111;
	border: 1px solid #cccccc;
	background-color: #f5f5f5;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-radius: 4px;
	width: 350px;
	overflow: hidden;
	box-sizing: border-box;
	visibility: hidden;
}
#divOptions .container-close {
	text-indent: 0;
	font: normal normal normal 14px/1 FontAwesome;
	color: #cccccc;
	font-size: 18px;
	cursor: pointer;
	background: none;
	margin-top: 5px;
	background: url('/images/31/sprite.png') no-repeat 0 -300px;
}
#divOptions .container-close:hover {
	color: #050F19;
	cursor: pointer;
}
#divOptions.yui-panel .bd, #divOptions.yui-panel .ft {
	background-color: #f5f5f5;
	z-index: 5;
	background-image: none!important;
}
#divOptions.yui-panel .hd {
	z-index: 5;
	background-image: none!important;
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 8px;
	margin-left: 15px;
	color: #111111;
	width: 90%;
}
#divOptions td {
	margin: 0px 0px 10px;
}
#divOptions #divDealOption {
	float: left;
	line-height: 28px;
	margin-bottom: 10px;
}
#divOptions .form-control {
	display: block;
	width: 70%;
	border: 1px solid #ccc;
	height: 20px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: rgb(85, 85, 85);
	border-width: 1px;
	border-style: solid;
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background-image: none;
	background-color: rgb(255, 255, 255);
}
#divOptions button, input, select, textarea {
	/*font-family: inherit;
	font-size: inherit;
	line-height: inherit;*/
}
#divOptions .btnStopType, #divOptions .btnGoodUntil {
	color: #fff;
	background-color: #123252;
	border-color: #123252;
	border-radius: 3px;
	float: left;
	text-transform: uppercase;
	font-weight: 700;
	width: 80px;
	text-align: center;
	margin-top: 4px;
	cursor: pointer;
}
#divOptions .btn-option {
	color: #fff;
	background-color: #999999;
	border-color: #999999;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
}
#divOptions .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	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;
}
#divOptions .on {
	color: #fff;
	background-color: #050F19;
	border-color: #050F19;
}
#divTicket {
	font-size: 12px;
	border: 1px solid #CCC;
	background-color: #F5F5F5;
	padding: 8px;
	border-radius: 4px;
	width: 270px;
	/*font-family: "Open Sans", sans-serif;*/
	font-style: normal;
	font-weight: 300;
	color: #333;
	overflow: hidden;
	box-sizing: border-box;
	visibility: hidden;
	width: 420px;
	text-align: left;	
}
#divTicket .container-close {
	text-indent: 0;
	font: normal normal normal 14px/1 FontAwesome;
	color: #cccccc;
	font-size: 18px;
	cursor: pointer;
	background: none;
	padding-top: 5px;
}
#divTicket .container-close:hover {
	color: #050F19;
	cursor: pointer;
}
#divTicket .bd, #divOptions .ft {
	background-color: #f5f5f5;
	z-index: 5;
	background-image: none!important;
}
#divTicket .hd {
	background-color: #f5f5f5;
	z-index: 5;
	background-image: none!important;
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 8px;
	color: #333;
}
#divTicket #divTradeDetail {
	font-style: normal;
	font-weight: 300;
	color: #333;
	/*font-family: "Open Sans", sans-serif;*/
	font-size: 12px;
}
#divTicket #btnPrint {
	color: #fff;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	font-size: 10px;
	width: 100%;
	margin-top: 10px;
	border: 1px solid transparent;
	padding: 6px 12px;
	width: 233px;
	font-size: 12px;
	cursor: pointer;
}
#divTicket #btnClose {
	color: #fff;
	background-color: #999999;
	border-color: #999999;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	font-size: 10px;
	width: 100%;
	margin-top: 10px;
	border: 1px solid transparent;
	padding: 6px 12px;
	width: 233px;
	font-size: 12px;
	cursor: pointer;
}
#divTicket #btnBack {
	color: #FFF;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	font-size: 10px;
	width: 100%;
	border: 1px solid transparent;
	padding: 6px 12px;
	width: 233px;
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
}
#divTicket #btnConfirmDelete {
	color: #FFF;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	float: right;
	width: 100%;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
}
#divTicket #btnCancelDelete {
	color: #FFF;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	float: right;
	width: 100%;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
}
#divTicket td {
	margin: 0px 0px 10px;
}
#divTicket .btnBack_c:hover, #divTicket #btnCancelDelete:hover, #divTicket #btnBack:hover, #divTicket .btnClose_c:hover, #divTicket #btnClose:hover:hover, #divOptions #btnStopType:hover {
	background-color: #123252;
	border-color: #123252;
}
#divOptions #btnDealHedge:hover, #divTicket #btnConfirmDelete:hover, #divOptions #btnOneClick:hover, #divOptions #btnOrderHedge:hover, #divTicket #btnPrint:hover, #divOptions #btnIfDoneGuaranteeStop:hover {
	background-color: #123252;
	border: 1px solid #123252;
}
.divNewTicket_c .summary {
	border-top: 1px solid #DBDBDB;
	padding-top: 10px;
}
.divNewTicket_c .form-control.level-field {
	display: inline;
	width: 90px;
	float: left;
	margin-right: 12px;
	padding: 6px 6px;
	font-size: 12px;
	height: auto;
}
.divNewTicket_c .hedging-level .form-group {
	width: 33%;
}
.divNewTicket_c .hedging {
	float: left;
}
.divNewTicket_c .hedging-level {
	margin-bottom: 8px;
	margin-top: 8px;
	overflow: hidden;
}
.divNewTicket_c .tdOrderButton {
	cursor: pointer;
	padding: 0px;
}
.divNewTicket_c .btn {
}
.divNewTicket_c #btnCancel {
	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;
}
.divNewTicket_c #btnConfirm {
	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: #999999;
	border-color: #999999;
	text-transform: uppercase;
	font-weight: 700;
}
.divNewTicket_c #btnCancel:hover, .divNewTicket_c #btnCancel:active, .divNewTicket_c #btnCancel:focus {
	background-color: #999999;
	border-color: #999999;
}
.divNewTicket_c #btnConfirm:hover, .divNewTicket_c #btnConfirm:active, .divNewTicket_c #btnConfirm:focus {
	background-color: #050F19;
	border-color: #050F19;
}
.divNewTicket_c #trLoad {
	height: 50px;
	text-align: center;
}
.divNewTicket_c .text-center {
	text-align: center;
}
.divNewTicket_c .clear-line {
	border-bottom: 1px solid #dbdbdb;
	clear: both;
	margin-top: 8px;
	margin-bottom: 8px;
}
#divOptions .ticketPanelLoadingBox {
	text-align: center;
	padding-top: 30px;
}
.btn-sell input:checked + span:before, .btn-buy input:checked + span:before {
	font-family: 'FontAwesome';
	content: "\f00c";
	color: #ffffff;
	margin-right: 3px;
}
.disabled {
	background-color: #666 !important;
}
#tdSell.disabled label, #tdBuy.disabled label {
	cursor: default;
}
.more-info-note {
	background: #F8DCA1;
	color: #111111;
	padding: 4px;
	text-align: center;
	font-weight: 700;
}
#divConfirmBox .ft {
	background-color: #FFFFFF;
}
#divPosition {
	font-size: 10px;
	padding-left: -5px;
	margin-left: -2px;
}
#divPosition table tbody td {
	border-top-color: rgb(203, 203, 203);
}
#divPosition table {
	border-right: none;
	border-color: #CBCBCB;
}
.divNewTicket_c .form-group .btn-cancelled {
    pointer-events: none;
	margin-top: 4px;
}
.divNewTicket_c .btn-cancelled span {
 background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #333;
    display: inline;
    font-weight: 300;
    text-transform: capitalize;
    margin-left: -2px;
    vertical-align: bottom;
    font-size: 11px !important;
}
.divNewTicket_c .btn-cancelled span:hover {
	background-color: #999999;
	border-color: #999999;
}
#input-group-btn-vertical {
	position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
    float: left;
	margin-left: -18px;
    margin-top: 11px;
}
#input-group-btn-vertical > .btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 2px 5px;
	margin-left: -1px;
	position: relative;
	border-radius: 0;
    border-style: double;
	height: 10px;
}
#input-group-btn-vertical > .btn:hover, #input-group-btn-vertical > .btn:visited, #input-group-btn-vertical > .btn:focus {
	/*border-style: double;
	color: #333333;
	text-decoration: none;
	background-color: #cccccc;*/
}
#input-group-btn-vertical > .btn:first-child {
	/*border-top-right-radius: 4px;
    margin-bottom: 2px;*/
}
#input-group-btn-vertical > .btn:last-child {
	/*margin-top: -2px;
	border-bottom-right-radius: 4px;*/
}
#input-group-btn-vertical i{
	position: absolute;
    top: -4px;
    left: 1px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
}
.btn-default {
    
}
.btn-default:hover, .btn-default:visited, .btn-default:focus{
	/*color: #333333;*/
	text-decoration: none;
	background-color: #cccccc;
}
#txtStakeControl{
	float: left;
}
.trHeader_c {
    width: 100%;
    line-height: 2;
}

/*Yong 20151029 End*/

/* Pang hide default blue color border */
input:focus,
select:focus,
textarea:focus,
button:focus ,
tbody {
    outline: none;
}

.fa-cog:before {
	display: none;
}
.more-less {
    border: 1px solid #111111;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: #111111;
    font-weight: 700;
    border-radius: 3px;
}
/*Economy Calendar goes here*/
#iframeEconomyCalendar {
    width: calc(100% - 4px) !important;
}
/* END */
/* News Feed tab goes here */
.newsFeedOdd {
    padding: 6px;
    background-color: #f3f3f3;
}
.newsFeedEven {
    padding: 6px;
}
#newFeedsContent {
    background-color: white;
    overflow: auto;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
}
.newsTitle {
    color: #050F19;
    font-size: 13px;
    cursor: pointer;
    font-weight: 600;
    /*font-family: 'Open Sans', sans-serif;*/
}
.newsDate {
    font-size: 12px;
    color: #111111;
    font-weight: 600;
    /*font-family: 'Open Sans', sans-serif;*/
    float: right;
}
.newsContent {
    display: none; 
}
#newFeedsContent input[type=checkbox]:checked ~ .newsContent {
   display: block;
   padding: 12px;
}
#newFeedsContent input[type=checkbox] {
   position: fixed;
   top: -9999px;
   left: -9999px;
}
#newFeedsContent #imgRefreshIcon {
    height: 20px;
    width: 20px;
    right: 25px;
    position: absolute;
    margin-top: -30px;
}
/* END */

/* Single Trade Ticket css goes here */
.options-ticket-overlay {
	height: auto;
    width: 300px;
}
.trade-ticket 
{     
    text-align: left;
	padding: 0px;
	visibility: hidden;
	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-radius: 2px;
	width: 400px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 12px;
	color: #111111;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.12);
}
.trade-ticket ul.tabs
{
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    padding: 0;
}
.trade-ticket ul.tabs li
{
    list-style: none;
    float: left;
    /*position: relative;
    top: 0;
    margin-right: 1%;
    margin-left: 1%;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
    border: 0px solid #666666;
    background-color: #666666;
    text-transform: uppercase;
    font-weight: 700;
    width: 48%;
    border-radius: 3px;
    line-height: 1;*/
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 12px;
	text-align: center;
}
.trade-ticket ul.tabs li.selected
{
    /*border: 0px solid #050F19;
    background-color: #050F19;*/
}
.trade-ticket ul.tabs li.selected .alert
{
    border-bottom-color: #FC5000;
    border-bottom-style: solid;
    padding: 5px;
}

.trade-ticket ul.tabs li a
{
    text-decoration: none;
    text-align:center;
	color: #C4C4C4;
	border-bottom-color: #DADCDF;
    border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 5px 50px;
}
.trade-ticket ul.tabs .selected a
{
	border-bottom-color: #FC5000;
    border-bottom-style: solid;
	border-bottom-width: 2px;
	color: #606368;
	padding: 4px 50px;
}
.trade-ticket .market-name
{
    border-bottom:1px solid #dbdbdb;
    padding-bottom: 11px;
    padding-top: 40px;
    padding-left: 10px;
    font-size: 11px;
    color: #111111;
}
.trade-ticket .ticket-controls
{
    margin-top:-35px;
    float: right;
}
.trade-ticket .ticket-controls .setting
{
    background: url("../../images/31/Setting.png") no-repeat;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
    color: #cccccc;
    cursor: pointer;
    width: 20px;
    height: 21px;
	margin-top: 10px;
}
.trade-ticket .ticket-controls .setting:hover
{  
    background: url("../../images/31/Setting_Over.png") no-repeat;
}
.trade-ticket .ticket-controls .close
{
    background: url("../../images/31/close.png") no-repeat;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
    color: #cccccc;
    cursor: pointer;
    width: 20px;
    height: 20px;
	margin-top: 10px;
}
.trade-ticket .ticket-controls .close:hover { background: url("../../images/31/close-btn-over.png") no-repeat; }
.trade-ticket .ui-tabs-nav { margin-top: -5px; padding: 0; }
.trade-ticket .ui-tabs-nav li 
{ 
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin-right: 1%;
    margin-left: 1%;
    padding: 0;
    white-space: nowrap;
    border-radius:3px;
    text-transform: uppercase;
    font-weight: 700;
    color: #333333;
    width: auto;
    border: 1px solid #cccccc;
    background-color: transparent;
}
.trade-ticket .ui-tabs-nav .ui-state-active {
    background-color: #cccccc;
}
.trade-ticket .ui-tabs-nav li a { 
    color:#333;    
    float: left;
    padding: .2em 0.5em !important;
    text-decoration: none;
}
.divPosition table {
    border-right: none !important;
    border-color: #CBCBCB !important;
    width: 100%;
    white-space: nowrap;
    word-wrap: break-word;
}
.divPosition table .yui-dt-col-PositionID, .divPosition table .yui-dt-col-PositionID .yui-dt-liner {
    width: 48px;
}
.divPosition table .yui-dt-col-TransactionDate, .divPosition table .yui-dt-col-TransactionDate .yui-dt-liner {
    width: 110px;
}
.divPosition table .yui-dt-col-Direction, .divPosition table .yui-dt-col-Direction .yui-dt-liner {
    width: 45px;
}
.divPosition table .yui-dt-col-InitStake, .divPosition table .yui-dt-col-InitStake .yui-dt-liner {
    width: 38px;
}
.divPosition table .yui-dt-col-OpenPrice, .divPosition table .yui-dt-col-OpenPrice .yui-dt-liner {
    width: 53px;
}
.ticketPanelLoading {
    width: 415px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.optionTicketPanelLoading {
    width: 300px;
    height: 100px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.trade-ticket .sell-buy, .order-ticket .sell-buy, .close-position-ticket .sell-buy { /*border-bottom: 1px solid #dbdbdb;*/ padding-bottom: 8px; overflow: hidden; }
.trade-ticket .sell-button .btn-sell span, .trade-ticket .buy-button .btn-buy span, .order-ticket .sell-button .btn-sell span, .order-ticket .buy-button .btn-buy span, .close-position-ticket .sell-button .btn-sell span, .close-position-ticket .buy-button .btn-buy span { text-align: center; /*padding: 8px 15px; display: block;*/ border-radius: 3px; cursor: pointer; }
.trade-ticket .sell-buy input[type="checkbox"], .order-ticket .sell-buy input[type="checkbox"], .close-position-ticket .sell-buy input[type="checkbox"] { display: none; }

.trade-ticket .sell-button, .order-ticket .sell-button, .close-position-ticket .sell-button { float:left; }
.trade-ticket .sell-button .btn-sell, .order-ticket .sell-button .btn-sell, .close-position-ticket .sell-button .btn-sell { 
	background-color: #EE0000; 
	border-color: #EE0000; 
	border-radius: 4px; 
	float: left; 
	text-transform: capitalize; 
	width: 107px; 
	font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 12px;
    text-align: center;
    color: rgba(255, 255, 255, 0.64);
}
.trade-ticket .sell-button .btn-sell:hover, .order-ticket .sell-button .btn-sell:hover, .close-position-ticket .sell-button .btn-sell:hover { background-color: #e8b59d; border-color: #e8b59d; }
/*.trade-ticket .sell-button .inactive, .order-ticket .sell-button .inactive, .close-position-ticket .sell-button .inactive { 
	background: #EE0000;
	border-radius: 4px;
}
.trade-ticket .sell-button .inactive:hover, .order-ticket .sell-button .inactive:hover, .close-position-ticket .sell-button .inactive:hover { 
	background: #EE0000;
	border-radius: 4px;
}*/
.trade-ticket .buy-button, .order-ticket .buy-button, .close-position-ticket .buy-button { float:right; }
.trade-ticket .buy-button .btn-buy, .order-ticket .buy-button .btn-buy, .close-position-ticket .buy-button .btn-buy { 
	background-color: #008045; 
	border-color: #008045; 
	border-radius: 4px; 
	float: left; 
	text-transform: capitalize; 
	width: 102px; 
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 12px;
	text-align: center;

	color: rgba(255, 255, 255, 0.64);
	}
.trade-ticket .buy-button .btn-buy:hover, .order-ticket .buy-button .btn-buy:hover, .close-position-ticket .buy-button .btn-buy:hover { background-color: #00f7d6; border-color: #00f7d6; }
/*.trade-ticket .buy-button .inactive, .order-ticket .buy-button .inactive, .close-position-ticket .buy-button .inactive { 
	background: #008045;
	border-radius: 4px;
}
.trade-ticket .buy-button .inactive:hover, .order-ticket .buy-button .inactive:hover, .close-position-ticket .buy-button .inactive:hover { 
	background: #008045;
	border-radius: 4px;
}*/

.trade-ticket .ti-arrow-up {
	color: #00519e;
}
.trade-ticket .ti-arrow-down {
	color: #cb2619;
}
.trade-ticket .ti-arrow-equal {
	color: #333;
}
.trade-ticket .goodUntil {
    margin-top: 4px;
}
.trade-ticket .goodUntil .aGoodUntil {
 	/*background-color: #f5f5f5;
    border-color: #f5f5f5;*/
    color: #333;
    display: inline;
    /*font-weight: 300;*/
    text-transform: capitalize;
    vertical-align: bottom;
    /*font-size: 11px !important;*/
    text-decoration: none !important;
    pointer-events: none;
}
.trade-ticket .lblcbStop, .trade-ticket .lblcbLimit,  .trade-ticket .cbGuarantee{
    width: 100%;
}
.trade-ticket .showMore, .trade-ticket .showLess{
    border: 1px solid #000000;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: #000000;
    font-weight: 700;
    border-radius: 3px;
}
.lblcbGuarantee:before {
	height: 15px;
	width: 15px;
}
.lblcbGuarantee {
    line-height: 1 !important;
}
.divBetReferralQuote .loading {
    text-align: center;
    padding-bottom: 20px;
}
.options-ticket-overlay .bd {
    text-align: left;
    padding: 0px 8px 8px 8px !important;
    font-size: 11px;
    border: 1px solid #cccccc !important;
    background-color: #f5f5f5 !important;
    border-radius: 4px;
    height: auto;
    width: auto;
    /*font-family: 'Open Sans', sans-serif;*/
    font-style: normal;
    font-weight: 300;
    color: #111111;
}
.check-box {
    font-weight: 400;
    cursor: pointer;
    font-size: 13px;
    line-height: 17px;
	margin-top: 0px !important;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px;
    color: #FFF;
}
.trade-ticket .submit-button {
    margin-bottom: 8px;
}
.trade-ticket .submit-button .btnSubmit, .order-ticket .submit-button .btnSubmit { 
    color: #fff; 
    background-color: #050F19; 
    border-color: #050F19; 
    text-transform: capitalize; 
    width: 100%; 
    display: inline-block;
    padding: 6px 12px;
    line-height: 1.42857143;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 3px;
	font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
}
.close-position-ticket .submit-button .btnSubmit { 
    color: #fff; 
    background-color: #050F19; 
    border-color: #050F19; 
    text-transform: uppercase; 
    font-weight: 700; 
    font-size: 10px; 
    width: 100%; 
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 3px;
    border-bottom: 0px solid #dbdbdb;
	margin-top: 8px;
	margin-bottom: 8px;
	overflow: hidden;
	clear: both;
}
.deal-ticket .amount-field, .order-ticket .amount-field, .close-position-ticket .amount-field { float: none; margin-left: auto; margin-right: auto; width: 105px; }
.deal-ticket .amount-field label, .order-ticket .amount-field label, .close-position-ticket .amount-field label { float: left; line-height: 34px;	font-size: 16px; font-weight: 400; margin-left: -15px; }
.deal-ticket .amount-field .txtStake, .order-ticket .amount-field .txtStake,  .close-position-ticket .amount-field .txtStake { display: inline; float: left; padding: 8px 6px; width: 90px; font-size: 14px; color: #555; border: 1px solid #CCC; border-radius: 3px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; }
.deal-ticket .hedging-deposit { margin-bottom: 8px; overflow: hidden; margin-top: 10px;}
.deal-ticket .hedging-deposit .hedging-field { float:left; }
.deal-ticket .deposit { float:right; }
.deal-ticket .deposit .txtOpeningLevel { width:80%; }
.deal-ticket .deposit .dl-horizontal dt { float: left; width: 110px; overflow: hidden; clear: left; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.deal-ticket .deposit .table { font-size:11px; }
.deal-ticket .stop-panel, .deal-ticket .limit-panel, .order-ticket .stop-panel, .order-ticket .limit-panel { display:none; }
.trade-ticket .message { color:red; padding:5px; }
.divBetReferralQuote .countdown { text-align:center; font-weight:bold; }
.deal-ticket h3, .order-ticket h3, .close-position-ticket h3 {
    font-weight: 500;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 15px;
}
.deal-ticket .place-stop-limit, .order-ticket .place-stop-limit{
    float: left;
    width: 50%;
}
.deal-ticket .place-stop-limit .table, .order-ticket .place-stop-limit .table {
    width: 100%;
}
.deal-ticket .dl-horizontal dt, .order-ticket .dl-horizontal dt {
    float: left;
    overflow: hidden;
    clear: left;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.deal-ticket .dl-horizontal, .order-ticket .dl-horizontal {
    margin: 0px;
}
.deal-ticket .selectBuySellAlert, .order-ticket .selectBuySellAlert, .close-position-ticket .selectBuySellAlert {
    background: #F8DCA1 none repeat scroll 0% 0%;
    color: #333;
    padding: 4px;
    text-align: center;
    font-weight: 700;
}
.deal-ticket .checkbox, .deal-ticket .radio, .order-ticket .checkbox, .order-ticket .radio  {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
}
.deal-ticket .dl-horizontal dd, .order-ticket .dl-horizontal dd {
    margin-left: 110px;
}
.deal-ticket dd, .deal-ticket dt, .order-ticket dd, .order-ticket dt {
    line-height: 2;
}
.deal-ticket .stop-trailing-panel, .order-ticket .stop-trailing-panel {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.deal-ticket .points-price, .order-ticket .points-price {
    float: right;
    width: 50%;
}
.deal-ticket .points-price .form-group, .order-ticket .points-price .form-group {
    float: left;
}
.deal-ticket .points-price .points, .deal-ticket .points-price .price, .order-ticket .points-price .points, .order-ticket .points-price .price {
    margin-left: 5px;
    font-size: 11px;
    display: block;
    clear: both;
    margin-bottom: 4px;
	margin-bottom: 4px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-size: 12px;
    color: #999999;
}
.deal-ticket .points-price .txtStopPoint, .deal-ticket .points-price .txtStopPrice, .deal-ticket .points-price .txtLimitPoint, .deal-ticket .points-price .txtLimitPrice, .order-ticket .points-price .txtStopPoint, .order-ticket .points-price .txtStopPrice, .order-ticket .points-price .txtLimitPoint, .order-ticket .points-price .txtLimitPrice {
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: inline;
    width: 72px;
    margin-right: 6px;
    padding: 6px 6px;
    font-size: 12px;
    height: auto;
	border-color: #3C3C3B;
	background-color: #ffffff;
}
.deal-ticket .txtStopPrice.selected, .deal-ticket .txtStopPoint.selected, .deal-ticket .txtLimitPrice.selected, .deal-ticket .txtLimitPoint.selected,
.order-ticket .txtStopPrice.selected, .order-ticket .txtStopPoint.selected, .order-ticket .txtLimitPrice.selected, .order-ticket .txtLimitPoint.selected
{
    border:solid 1px #000;
	border-color: #3C3C3B;
	background-color: #ffffff;
}
.deal-ticket .place-stop-limit .guarantee, .order-ticket .place-stop-limit .guarantee {
    margin-top: 7px;
    margin-bottom: 6px;
}
.deal-ticket .summary, .order-ticket .summary, .close-position-ticket .summary {
    border-top: 1px solid #DBDBDB;
    padding-top: 10px;
}
.deal-ticket .summary .table, .order-ticket .summary .table, .close-position-ticket .summary .table{
    height:12px; 
    float:right;
}
.deal-ticket .summary .table .summaryTableLeftBorder, .order-ticket .summary .table .summaryTableLeftBorder, .close-position-ticket .summary .table .summaryTableLeftBorder{
    width:auto; 
    text-align:right;
}
.deal-ticket .summary .table .showMore, .order-ticket .summary .table .showMore, .close-position-ticket .summary .table .showMore {
    cursor:pointer;
}
.deal-ticket .summary .table .showLess, .order-ticket .summary .table .showLess, .close-position-ticket .summary .table .showLess{
    display:none; 
    cursor:pointer;
}
.deal-ticket .summary .tradeFor, .order-ticket .summary .tradeFor, .close-position-ticket .summary .tradeFor {
    width:30%; 
    height:12px;
}
.deal-ticket .summary .tradeForSign, .order-ticket .summary .tradeForSign, .close-position-ticket .summary .tradeForSign {
    width:55%;
}
.deal-ticket .summary .summaryStop, .deal-ticket .summary .summaryLimit, .order-ticket .summary .summaryStop, .order-ticket .summary .summaryLimit, .order-ticket .summary .summaryTriggerLevel, .close-position-ticket .summary .summaryStop, .close-position-ticket .summary .summaryLimit {
    height: 12px;
}
.deal-successful-ticket .field, .deal-ticket .divDealFailed .field, .divOrderDetail .field, .order-ticket .divOrderFailed .field {
    font-weight: bold;
    width: 37%;
}
.divDealFailed .btnMakePayment, .divDealFailed .btnTechnicalSupport {
	color: #FFF;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	font-size: 10px;
	width: 100%;
	border: 1px solid transparent;
	padding: 6px 12px;
	width: 233px;
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
}
.btnPrint {
	color: #fff;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	font-size: 10px;
	width: 100%;
	margin-top: 10px;
	border: 1px solid transparent;
	padding: 6px 12px;
	width: 233px;
	font-size: 12px;
	cursor: pointer;
}
.btnClose {
	color: #fff;
	background-color: #999999;
	border-color: #999999;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	font-size: 10px;
	width: 100%;
	margin-top: 10px;
	border: 1px solid transparent;
	padding: 6px 12px;
	width: 233px;
	font-size: 12px;
	cursor: pointer;
}
.btnBack {
	color: #FFF;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	font-weight: 700;
	float: right;
	font-size: 10px;
	width: 100%;
	border: 1px solid transparent;
	padding: 6px 12px;
	width: 233px;
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
}
.btnConfirmDelete {
	color: #FFF;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	/*font-family: 'Open Sans', sans-serif;*/
	font-style: normal;
	font-weight: 700;
	float: right;
	width: 100%;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
}
.btnCancelDelete {
	color: #FFF;
	background-color: #050F19;
	border-color: #050F19;
	text-transform: uppercase;
	/*font-family: 'Open Sans', sans-serif;*/
	font-style: normal;
	font-weight: 700;
	float: right;
	width: 100%;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 12px;
	cursor: pointer;
	margin-top: 10px;
}
.btnCancelDelete:hover, .btnBack:hover, .btnClose:hover:hover, .btnStopType:hover {
	background-color: #123252;
	border-color: #123252;
}
.btnDealHedge:hover, .btnConfirmDelete:hover, .btnOneClick:hover, .btnOrderHedge:hover, .btnPrint:hover, .btnIfDoneGuaranteeStop:hover, .submit-button .btnSubmit:hover, .divDealFailed .btnMakePayment:hover, .divDealFailed .btnTechnicalSupport:hover, .btn-save-option:hover {
	background-color: #123252;
	border: 1px solid #123252;
}
.options-ticket-overlay .btnDealHedge:hover, .options-ticket-overlay .btnOneClick:hover, .options-ticket-overlay .btnOrderHedge:hover, .options-ticket-overlay .btnIfDoneGuaranteeStop:hover {
	background-color: #123252;
	border: 1px solid #123252;
}
.divDealProcessing {
	text-align: center;
}
.divDealOption .btn-option, .divOrderOption .btn-option {
    width: 60px;
	color: #fff;
	background-color: #999999;
	border-color: #999999;
	text-transform: uppercase;
    display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	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;
}
.divDealOption .btnStopType {
    width:100px;
	color: #fff;
	background-color: #123252;
	border-color: #123252;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 4px;
	cursor: pointer;
    padding: 8px 12px;
    border: 1px solid transparent;
    font-size: 14px;
}
.divOrderOption .btnGoodUntil {
    width:120px;
	color: #fff;
	background-color: #123252;
	border-color: #123252;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 4px;
	cursor: pointer;
    padding: 8px 12px;
    border: 1px solid transparent;
    font-size: 14px;
}
.divDealOption, .divOrderOption {
    margin-top: 10px;
}
.divDealOption .on, .divOrderOption .on {
	color: #fff;
	background-color: #050F19;
	border-color: #050F19;
}
.divDealOption .tdOptionLeft, .divOrderOption .tdOptionLeft {
    padding-left: 20px;
    width: 70%;
}
.divDealOption .tdOptionRight, .divOrderOption .tdOptionRight {
    width: 30%;
}
.divDealOption .inputDealStake, .divOrderOption .inputOrderStake {
    width: 80px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: rgb(85, 85, 85);
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px inset;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-save-option { 
    color: #fff; 
    background-color: #050F19; 
    border-color: #050F19; 
    text-transform: uppercase; 
    font-weight: 700; 
    font-size: 10px; 
    width: 100%; 
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    margin-top: 10px;
}
.deal-ticket .more-info-note, .order-ticket .more-info-note {
    background: #F8DCA1;
    color: #333333;
    padding: 4px;
    text-align: center;
    font-weight: 700;
}
.order-ticket .hedging-level {
    margin-bottom: 8px;
    margin-top: 8px;
    overflow: hidden;
}
.order-ticket .hedging-level .hedging .cbHedging {
    display: none;
}
.order-ticket .hedging-level .hedging, .hedging-level .level, .hedging-level .goodUntil {
    width: 33%;
    float: left;
    margin-left: 7px;
}
.order-ticket .hedging-level .level .txtLevel {
    display: inline;
    float: left;
    padding: 6px 12px;
    width: 90px;
    font-size: 14px;
    color: #555;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    margin-top: 4px;
}
.disabled {
    border-radius: 4px !important;
}

.divBetReferralQuote .spnImprovePrice {
    font-weight: bold;
    color: Green;
}
.divBetReferralQuote .btnGroup {
    border-bottom: 0px solid #dbdbdb;
    margin-top: 8px;
    margin-bottom: 8px;
    overflow: hidden;
    clear: both;
    text-align: center;
}
.divBetReferralQuote .btnGroup .btnCancel {
    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;
}
.divBetReferralQuote .btnGroup .btnConfirm {
    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: #999999;
    border-color: #999999;
    text-transform: uppercase;
    font-weight: 700;
}
.divBetReferralQuote .trLoad {
    height: 50px;
    text-align: center;
}
.divBetReferralQuote .clear-line {
    border-bottom: 1px solid #dbdbdb;
    clear: both;
    margin-top: 8px;
    margin-bottom: 8px;
}
.fieldAlign {
    width: 20px;
}
/* YUI OVERRIDE */
.trade-ticket .container-close
{
    display:none;
}

/* START Small Single Ticket */
.trade-ticket .buy-button .btn-buy {
    text-align: center;
    height: 75px;
    line-height: 28px;
    width: 100% !important;
    cursor: pointer;
}
.trade-ticket .sell-button .btn-sell {
    text-align: center;
    height: 75px;
    line-height: 28px;
    width: 100% !important;
    cursor: pointer;
}
.trade-ticket .buy-button .btn-buy label {
    /*color: #9ec4f2;
    border-bottom: 1px solid #ffffff !important;*/
    padding-right: 8px;
    display: block;
    text-align: right;
    font-size: 12px;
    cursor: pointer;
}
.trade-ticket .sell-button .btn-sell label {
    /*color: #ed8a96;
    border-bottom: 1px solid #ffffff !important;*/
    padding-left: 8px;
    display: block;
    text-align: left;
    font-size: 12px;
    cursor: pointer;
}
.trade-ticket .spnSellPrice, .trade-ticket .spnBuyPrice {
    padding-top: 10px;
    display: inline-block;
    max-width: 100%;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 16px;

	color: #FFFFFF;
}
.trade-ticket .frontValue {
    border-radius: 3px;
    font-size: 18px; 
    font-weight: bold;
}
.trade-ticket .boldValue {
    font-size: 33px;
    line-height: 100%;
    font-weight: bold;
}
.trade-ticket .smallValue {
    font-size: 0.7em;
    font-weight: 300;
    vertical-align: top;
}
.trade-ticket .sell-button, .trade-ticket .buy-button {
    width: 49%;
}
.trade-ticket .amount-field {
    margin-left: 32% !important;
    margin-top: 0px;
    width: 33.33% !important;
    position: absolute;
}
.trade-ticket .amount-field .txtStake {
    width: 80px !important;
    padding: 3px 3px !important;
    min-height: 20px;
    border-radius: 0px;
	background: #FFFFFF;
	border: 1px solid #DADCDF;
	box-sizing: border-box;
	border-radius: 2px;
}
.trade-ticket .submit-button {
    border-bottom: 0px solid #dbdbdb;
    margin-bottom: 3px;
    overflow: hidden;
    float: left;
    width: 30%;
}
.trade-ticket .showStopLimitMore, .trade-ticket .showStopLimitLess {
    float: right;
    border: 1px solid #3C3C3B;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    color: #333333;
    font-weight: 400;
    border-radius: 2px;
    font-size: 11px;
    right: 10px;
    position: absolute;
    margin-top: -3px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 11px;
    text-align: center;
    color: #3C3C3B;
	box-sizing: border-box;
}
.trade-ticket {
    overflow: auto;
    width: 280px;
    border: 1px solid #DADCDF;
}
.trade-ticket .points-price {
    float: none !important;
    width: 100% !important;
}
.trade-ticket .points-price .form-group, .trade-ticket .points, .trade-ticket .price{
    width: 49%;
}
.trade-ticket .points-price .points-price-align {
    display: flex !important;
}
.trade-ticket .txtStopPoint, .trade-ticket .txtStopPrice, .trade-ticket .txtLimitPoint, .trade-ticket .txtLimitPrice {
    width: 90% !important;
    float: left;
    margin-right: 0px !important;
    padding: 3px 3px !important;
    font-size: 11px !important;
    height: auto !important;
    border-radius: 0px !important;
}
.trade-ticket .message {
    padding: 0px;
}
.trade-ticket .stop-trailing-panel {
    margin-top: 5px;
}
.trade-ticket .ui-tabs-nav {
    margin-top: -10px;
}
.trade-ticket .select-stop-limit {
    background: #F8DCA1;
    color: #333333;
    padding: 4px;
    text-align: center;
    font-weight: 700;
}
.trade-ticket .deposit {
    float: right;
    width: 65%;
    margin-top: -2px;
    font-size: 10.5px;
}
.trade-ticket .dl-horizontal .guarantee-panel {
    font-size: 10.5px;
}
.divPosition table .yui-dt-col-InitStake, .divPosition table .yui-dt-col-InitStake .yui-dt-liner {
    width: 40px;
    text-align: center;
}
.divPosition table .yui-dt-col-OpenPrice, .divPosition table .yui-dt-col-OpenPrice .yui-dt-liner {
    width: 55px;
    text-align: center;
}
.divPosition table .yui-dt-col-TransactionDate, .divPosition table .yui-dt-col-TransactionDate .yui-dt-liner {
    width: 100px;
    text-align: center;
}
.trade-ticket .hedging-level .level .txtLevel {
    padding: 5px 3px !important;
    min-height: 20px;
    border-radius: 0px;
    width: 85px !important;
    margin-left: -10px;
	background: #FFFFFF;
	border: 1px solid #DADCDF;
	box-sizing: border-box;
	border-radius: 2px;
}
.trade-ticket .goodUntil {
    float: right;
    width: 65%;
    text-align: right;
    margin-top: 10px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 10px;
	text-align: right;
}
.trade-ticket .deposit .dl-horizontal dt {
    width: auto;
    margin-bottom: -7px;
}
.trade-ticket .deposit .dl-horizontal dd {
    margin-left: 80px;
    margin-bottom: -7px;
}
.close-position-ticket .submit-button .btnSubmit {
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
.trade-ticket .btn-buy:hover {
	background: #008045;
	background: -moz-linear-gradient(top, #24887b 0%, #56ecd9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #24887b), color-stop(100%, #56ecd9));
	background: -webkit-linear-gradient(top, #24887b 0%, #56ecd9 100%);
	background: -o-linear-gradient(top, #24887b 0%, #56ecd9 100%);
	background: -ms-linear-gradient(top, #24887b 0%, #56ecd9 100%);
	background: linear-gradient(to bottom, #24887b 0%, #56ecd9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a65a9', endColorstr='#123252', GradientType=0 );
	border-color: #008045;
}
.trade-ticket .btn-sell:hover {
	background: #EE0000;
	background: -moz-linear-gradient(top, #EE0000 0%, #f7d6c6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EE0000), color-stop(100%, #f7d6c6));
	background: -webkit-linear-gradient(top, #EE0000 0%, #f7d6c6 100%);
	background: -o-linear-gradient(top, #EE0000 0%, #f7d6c6 100%);
	background: -ms-linear-gradient(top, #EE0000 0%, #f7d6c6 100%);
	background: linear-gradient(to bottom, #EE0000 0%, #f7d6c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f0215', endColorstr='#d0021b', GradientType=0 );
	border-color: #EE0000;
}
.trade-ticket .market-name {
    padding-top: 5px;
    padding-bottom: 0px;
    border-bottom: none;
    max-width: 200px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 12px;
    color: #333333;
}
.trade-ticket .market-name-border {
    /*border-bottom: 1px solid #dbdbdb;*/
}
.trade-ticket .inactive, .trade-ticket .inactive:hover {
    background: rgb(226,226,226);
    background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(176,176,176,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(100%, rgba(176,176,176,1)));
    background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(176,176,176,1) 100%);
    background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(176,176,176,1) 100%);
    background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(176,176,176,1) 100%);
    background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(176,176,176,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#b0b0b0', GradientType=0 );
}
.trade-ticket .inactive span, .trade-ticket .inactive span:hover {
    color: #ffffff !important;
}
.trade-ticket .enabledStopLimit:hover {
    /*background-color: #050F19;*/
    text-decoration: none;
    cursor: pointer;
    color: #3C3C3B;
}
.trade-ticket .amendStopLimit {
    float: right;
    border: 1px solid #999999;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    color: #333333;
    font-weight: 400;
    border-radius: 3px;
    font-size: 11px;
}
.trade-ticket .amendStopLimit:hover {
    background-color: #050F19;
    text-decoration: none;
    cursor: pointer;
    color: #ffffff;
}
.trade-ticket .submit-button .disabled:hover {
    cursor: default;
    border: 1px solid #666;
}
.trade-ticket .divStake {
    text-align: center;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 12px;
	text-align: center;

	color: #999999;
}
.trade-ticket ul.tabs li a {
    width: 82%;
}
.trade-ticket .stop-panel {
    margin-top: 0px;
}
.trade-ticket .hedging-deposit .hedging-field {
    margin-left: 7px;
}
.order-ticket .lblLevel {
    text-align: center;
    font-size: 10.5px;
    margin-bottom: -12px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 12px;
	text-align: center;

color: #999999;
}
/* END */

/* Start - Multiple Watch List */
#addNewWatchListPanel {
    font-size: 12px;
    border: 1px solid #666666;
    background-color: #f5f5f5;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border-radius: 4px;
    width: 180px;
    /*font-family: 'Open Sans', sans-serif;*/
    font-style: normal;
    font-weight: 300;
    color: #111111;
    overflow: hidden;
}
#addNewWatchListPanel .hd {
    margin-top: -15px;
	background-color: #f5f5f5;
}
#addNewWatchListPanel .bd {
    background-color: #f5f5f5;
}
#addNewWatchListPanel .ticket-controls .close {
    background: url("../../images/15/close.png") no-repeat;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
    color: #cccccc;
    cursor: pointer;
    width: 20px;
    height: 20px;
}
#addNewWatchListPanel .ticket-controls .close:hover { 
    background: url("../../images/15/close-btn-over.png") no-repeat; 
}
#addNewWatchListPanel .titleAddWatchList {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 8px;
}
#addNewWatchListPanel .alignWatchListTitle {
    float: left;
    margin-top: -5px;
}
#addNewWatchListPanel .ticket-controls {
    margin-top: -35px;
    float: right;
}
#addNewWatchListPanel .btn-submit-watchlist:hover {
    background-color: #123252;
    border: 1px solid #123252;
}
#addNewWatchListPanel .btn-cancel-watchlist:hover {
    background-color: #676e71;
    border-color: #676e71;
}
#addNewWatchListPanel .txtAddWatchList {
    display: block;
    width: 95%;
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#addNewWatchListPanel .divWatchListButton {
    margin-top: 10px;
}
#addNewWatchListPanel .alignTitle {
    float: left;
    margin: 0 0 10px;
}
#addNewWatchListPanel .btn-submit-watchlist {
    color: #fff;
    background-color: #050F19;
    border-color: #050F19;
    text-transform: uppercase;
    padding: 6px 12px;
    float: left;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 3px;
    line-height: 1.42857143;
    display: inline-block;
}
 #addNewWatchListPanel .btn-cancel-watchlist {
    color: #fff;
    background-color: #273035;
    border-color: #273035;
    text-transform: uppercase;
    padding: 6px 12px;
    float: left;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 3px;
    line-height: 1.42857143;
    display: inline-block;
    margin-left: 8px;
}
.multiple-watch-list-overlay .btn-new-watchlist {
    color: #fff;
    background-color: #050F19;
    border-color: #050F19;
    text-transform: uppercase;
    padding: 6px 12px;
    float: left;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 3px;
    line-height: 1.42857143;
    display: inline-block;
    margin-top: 10px;
}
.multiple-watch-list-overlay .btn-new-watchlist:hover {
    background-color: #123252;
    border-color: #123252;
}
.addMultipleWatchListLoading {
    width: 300px;
    height: 50px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.multiple-watch-list-overlay {
    font-size: 12px;
    border: 1px solid #666666;
    background-color: #f5f5f5;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border-radius: 4px;
    width: 200px;
    /*font-family: 'Open Sans', sans-serif;*/
    font-style: normal;
    font-weight: 300;
    color: #111111;
}
.multiple-watch-list-overlay .alignHeader {
    margin-top: -15px;
}
.multiple-watch-list-overlay .bd{
    overflow:auto;
    background-color: #f5f5f5;
    border: none;
}
.multipleWatchListLoading {
    width: 240px;
    height: 100px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.multiple-watch-list-overlay .titleAddWatchList {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 8px;
}
.multiple-watch-list-overlay .alignWatchListTitle {
    float: left;
    margin-top: -5px;
}
.multiple-watch-list-overlay .watchListOdd {
    padding: 5px;
    background-color: #ffffff;
    margin-bottom: 2px;
    cursor: pointer;
}
.watchListOdd:hover {
    background-color: #123252;
    color:#FFF;
    font-weight:500;
    cursor: pointer;
}
.multiple-watch-list-overlay input[type=checkbox] {
   position: fixed;
   top: -9999px;
   left: -9999px;
}
.multiple-watch-list-overlay .watchListContents {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}
.inputEditWatchList {
    padding: 2px 3px 1px 3px;
    border-radius: 2px;
    border: 1px solid transparent;
    /*font-family: 'Open Sans', sans-serif;*/
    font-weight: 400;
    font-size: 10px;
    background-color: #C4C4C4;
    margin-top: 1px;
}
.imgEditWatchList {
    background: url("/images/31/EDIT_WATCHLIST.png") no-repeat;
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    cursor: alias;
}
/*Add css disableDynamicTab*/
.disableDynamicTab {
	margin: auto;
	padding: 0px;
	/*color: #FFFFFF;*/
	display: inline-block;
	border-collapse: collapse;
	cursor: pointer;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	/*background-color: #666666;
	text-transform: uppercase;*/
    font-size: 12px;
}
.disableDynamicTab label {
	text-align: center;
	cursor: pointer;
}
.disableDynamicTab .left {
	height: 19px;
	display: table-cell;
}
.disableDynamicTab .mid {
	height: 19px;
	display: table-cell;
}
.disableDynamicTab .right {
	height: 19px;
	display: table-cell;
}
.disableDynamicTab .left {
	width: 6px;
	background-repeat: no-repeat;
}
.disableDynamicTab .mid {
	padding: 14px 5px;
	width: auto;
	text-align: center;
	vertical-align: middle;
	background-repeat: repeat-x;
	font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 14px;
	
	color: #999999;
}
.disableDynamicTab .right {
	width: 6px;
	background-repeat: no-repeat;
}
.selected .disableDynamicTab .mid {
    color: #606368;
}
/*END*/
/* END */

/* Start - Error Message*/
#errorMessagePanel {
    font-size: 12px;
    border: 1px solid #666666;
    background-color: #f5f5f5;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    border-radius: 4px;
    width: 200px;
    /*font-family: 'Open Sans', sans-serif;*/
    font-style: normal;
    font-weight: 300;
    color: #111111;
    overflow: hidden;
    z-index: 999;
}
#errorMessagePanel .hd {
	background-color: #f5f5f5;
    margin-top: -15px;
}
#errorMessagePanel .bd {
    background-color: #f5f5f5;
    margin-top: -10px;
}
#errorMessagePanel .ticket-controls {
    margin-top: -35px;
    float: right;
}
#errorMessagePanel .ticket-controls .close {
    background: url("../../images/15/close.png") no-repeat;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 5px;
    color: #cccccc;
    cursor: pointer;
    width: 20px;
    height: 20px;
}
#errorMessagePanel .ticket-controls .close:hover { 
    background: url("../../images/15/close-btn-over.png") no-repeat; 
}
#errorMessagePanel .alignErrorMessageTitle {
    float: left;
    margin-top: 5px;
}
#errorMessagePanel .titleErrorMessageList {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 28px;
}
#errorMessagePanel .error-message .ti-alert {
    font-size: 35px;
    color: #FF0000;
}
#errorMessagePanel .btn-close-error {
    color: #fff;
    background-color: #273035;
    border-color: #273035;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    margin-top: 10px;
    border: 1px solid transparent;
    padding: 6px 12px;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 3px;
    line-height: 1.42857143;
    display: inline-block;
    margin-left: 8px;
}
#errorMessagePanel .btn-close-error:hover {
    background-color: #676e71;
    border-color: #676e71;
}
.errorMessageLoading {
    width: 300px;
    height: 50px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
/* END */

_:-ms-lang(x), .trade-ticket .divStake {
    margin-left: 50px;
}


/*Start Tab Panel*/
#fixedTabviewPanel {
    width: 100%;
    min-width: 1223px;
    position: static;
    z-index: 91;
}
#lblCurrentPositions, #lblOpeningOrder, #lblTransactionHistory, #lblActivityHistory, #lblInformation, #lblAccountSummary, #lblNewsFeed, #lblEconomicCalendar, #lblOpeningAlert {
    list-style-type: none;
    position: relative;
    width: auto;
    text-align: center;
    vertical-align: middle;
    background-repeat: repeat-x;
    display: table-cell;
    font-weight: bold;
    white-space: nowrap;
    padding: 16px 12px;
	
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	font-size: 14px;
	
	color: #999999;
}

#fixedTabviewPanel ul .yui3-tab, #floatingTabviewPanel ul .yui3-tab {
    cursor: pointer;
    color: #FFFFFF;
    display: inline-block;
    border-collapse: collapse;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    /*background-color: #666666;*/
    /*text-transform: uppercase;*/
    font-size: 12px;
    /*padding: 20px 5px 10px 5px;*/
}
#fixedTabviewPanel ul .yui3-tab:hover, #floatingTabviewPanel ul .yui3-tab:hover {
	/*color: #FFFFFF;
    background-color: #050F19;*/
}

#floatingTabviewPanel {
    height: 368px;
    width: 50%;
    position: absolute;
    z-index: 299;
	background-color: #ffffff !important;
}
#floatingTabviewPanel .yui3-tabview {
    padding:8px;
}
#floatingTabviewPanel .yui3-tabview-panel {
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #cccccc;
}
#floatingTabviewPanel .yui3-tabview .yui3-tabview-content .yui3-tabview-list {
    cursor: move;
}
#floatingTabviewPanel .yui3-tabview-list {
    margin-right: 30px;
}
#floatingTabviewPanel .close {
    background: url("../../images/31/close.png") no-repeat;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    color: #cccccc;
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-top: 7px;
    position: absolute;
    right: 0;
	top: 0px;
}
#floatingTabviewPanel .close:hover { 
    background: url("../../images/31/close-btn-over.png") no-repeat;
}
#floatingTabviewPanel #newFeedsContent #imgRefreshIcon {
    height: 20px;
    width: 20px;
    right: 15px;
    position: absolute;
    margin-top: 5px;
    display: none;
}

#fixedTabviewPanel .yui3-dd-draggable, #floatingTabviewPanel .yui3-dd-draggable {
    z-index: 300 !important;
}
#fixedTabviewPanel ul .yui3-tab-selected, #floatingTabviewPanel ul .yui3-tab-selected {
    /*color: #FFFFFF;
    background-color: #050F19;*/
	border-bottom-color: #FC5000;
    border-bottom-style: solid;
	margin-bottom: -0.5px;
}
.yui3-tab-selected #lblCurrentPositions, .yui3-tab-selected #lblOpeningOrder, .yui3-tab-selected #lblTransactionHistory, .yui3-tab-selected #lblActivityHistory, .yui3-tab-selected #lblInformation, .yui3-tab-selected #lblAccountSummary, .yui3-tab-selected #lblNewsFeed, .yui3-tab-selected #lblEconomicCalendar {
	color: #606368;
}

#fixedTabviewPanel .yui3-tabview .yui3-tabview-content .yui3-tabview-panel {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
    /*border-top-style: solid;
    border-top-color: #050F19;*/
}
.yui3-tabview .yui3-tabview-content .yui3-tabview-panel {
    border-left: 0px solid #cccccc;
    border-right: 0px solid #cccccc;
	border-top: 1px solid #cccccc;
    /*border-top-style: solid;
    border-top-color: #050F19;*/
}
#fixedTabviewPanel .yui-dt-scrollable .yui-dt-bd, #floatingTabviewPanel .yui-dt-scrollable .yui-dt-bd {
    border-right: 0px;
    border-bottom: 0px; 
    border-left: 0px; 
}
#fixedTabviewPanel .yui-dt-scrollable .yui-dt-hd, #floatingTabviewPanel .yui-dt-scrollable .yui-dt-hd {
    border-left-width: 0px;
}
#floatingTabviewPanel .yui-dt-scrollable .yui-dt-hd {
    padding-right: 0px;
}
#divSummaryTab #divAccSummary .yui-dt-ft {
    border-width: 0px 0px 1px;
}
#divSummaryTab .yui-dt-hd {
    width: calc(100% - 3px) !important;
}
#fixedTabviewPanel .yui3-tab-label, #floatingTabviewPanel .yui3-tab-label {
    padding: 0px 0px !important;
}
#divMarketInfo {
    overflow: auto;
}
#divSummaryTab .yui-dt-liner {
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
}

/* Start Options */
#spnOptionCurrentPositions, #spnOptionOpeningOrder, #spnOptionTransactionHistory, #spnOptionActivityHistory {
    color: black;
	font-size: 11px;
}
#tblSettingCurrentPositions, #tblSettingOpeningOrder, #tblSettingTransactionHistory, #tblSettingActivityHistory {
    border-collapse: collapse;
	position: absolute;
    right: 0;
    display: block;
    margin-right: 10px;
}
#tblSettingCurrentPositions, #tblSettingOpeningOrder, #tblSettingTransactionHistory, #tblSettingActivityHistory, #tblSettingCurrentPositions tr, #tblSettingOpeningOrder tr, #tblSettingTransactionHistory tr, #tblSettingActivityHistory tr, #tblSettingCurrentPositions td, #tblSettingOpeningOrder td, #tblSettingTransactionHistory td, #tblSettingActivityHistory td {
	border-bottom: none !important;
}
#divImgSettingCurrentPositions, #divImgSettingOpeningOrder, #divImgSettingTransactionHistory, #divImgSettingActivityHistory {
	cursor: pointer;
	/*min-height: 20px;
    width: 50px;*/
    background-image:url('../../images/default/dropdown.png');
    background-repeat: no-repeat;
    background-position: 60px 10px;
    padding: 7px 15px 0px 0px;
	border: 1px solid #DADCDF;
    box-sizing: border-box;
    border-radius: 6px;
    width: 86px;
    height: 36px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    font-size: 12px;
    color: #333333;
    text-align: center;
}
#tblSettingActivityHistory, #tblSettingTransactionHistory, #tblSettingOpeningOrder, #tblSettingCurrentPositions {
    /*border: 1px solid #cbcbcb;
    border-radius: 2px;*/
}
#tblSettingActivityHistory:hover, #tblSettingTransactionHistory:hover, #tblSettingOpeningOrder:hover, #tblSettingCurrentPositions:hover {
    /*border: 1px solid #050F19;*/
}
#divSettingCurrentPositions, #divSettingOpeningOrder, #divSettingTransactionHistory, #divSettingActivityHistory {
	width: auto;
    position: absolute;
    margin-left: 15px;
}
#imgDownArrowCurrentPositions, #imgDownArrowOpeningOrder, #imgDownArrowTransactionHistory, #imgDownArrowActivityHistory {
	position: relative;
}
#divSettingCurrentPositions .bd, #divSettingOpeningOrder .bd, #divSettingTransactionHistory .bd, #divSettingActivityHistory .bd {
	overflow: hidden;
}
#divDaysActivityHistory, #divDaysTransactionHistory, #divTransTypeTransactionHistory {
	cursor: pointer;
	min-height: 20px;
    width: 80px;
    background-image:url('../../images/default/dropdown.png');
    background-repeat: no-repeat;
    background-position: 70px 3px;
    padding: 1px 4px;
}
#divSummaryTab .yui-button, #divSummaryTab .yui-button .first-child {
    border-style: none;
}
#myCurrencyMenuButtonHistory-button, #myCurrencyMenuButton-button {
    /*font-family: 'Open Sans', sans-serif !important;*/
    font-weight: 400 !important;
    font-size: 12px !important;
    width: 120px;
    margin-top: -2px;
    background-position: 100px 3px;
}
#myDaysMenuButton-button, #myDaysMenuButtonHistory-button, #myTransTypeMenuButtonHistory-button {
    width: 80px;
    margin-top: -2px;
}
#myTransTypeMenuButtonHistory-button {
    margin-left: -10px;
}
#myCurrencyMenuButton-button, #myCurrencyMenuButtonHistory-button, #divDaysActivityHistory, #divTransTypeTransactionHistory, #divDaysTransactionHistory {
    border: 1px solid #cbcbcb;
    border-radius: 2px;
}
#myCurrencyMenuButton-button:hover, #myCurrencyMenuButtonHistory-button:hover, #divDaysActivityHistory:hover, #divTransTypeTransactionHistory:hover, #divDaysTransactionHistory:hover {
    border: 1px solid #050F19;
}
#divMarketInfo div {
	padding-top: 15px;
    padding-bottom: 15px;
    color: #111111;
    background-color: transparent;
}
#optionBody {
    border: solid 1px #cccccc;
    background-color: #FFFFFF;
    padding: 5px;
}
#myDaysMenuButtonHistory-button, #myTransTypeMenuButtonHistory-button, #myCurrencyMenuButtonHistory-button {
    padding: 0px 5px;
    width: 80px;
}
.ui-sortable-placeholder {
  border: 3px dashed #aaa;
  height: 45px;
  width: 344px;
  background: #ccc;
}
@media (min-width: 1900px) {
    #divAccSummary .yui-dt-hd .yui-dt-col-Percentage {
        width: 250px;
    }
    #divAccSummary .yui-dt-bd .yui-dt-col-Percentage {
        width: 258px;
    }
    #divAccSummary .yui-dt-ft .yui-dt-col-Percentage {
        width: 255px;
    }
}

/* Datatable Paginator styling */
.yui-pg-container{
    display:block;
    margin:6px 0;
    white-space:nowrap;
    margin-left: 10px;
    position: relative;
    width: 300px;
    height: 23px;
}
.yui-pg-first,.yui-pg-previous,.yui-pg-next,.yui-pg-last,.yui-pg-current,.yui-pg-pages,.yui-pg-page{
     display:inline-block;
     /*font-family:arial,helvetica,clean,sans-serif;*/
     padding:3px 6px;
     zoom:1;
}
.yui-pg-pages{
    padding:0;
}
span.yui-pg-first,span.yui-pg-previous,span.yui-pg-next,span.yui-pg-last{
    color:#a6a6a6;
}
.yui-pg-page{
    background-color:#fff;
    border:1px solid #cbcbcb;
    padding:2px 6px;
    text-decoration:none;
}
.yui-pg-current-page{
    background-color:transparent;
    border:0;
    font-weight:bold;
    padding:3px 6px;
    color: #000000;
}
.yui-pg-page{
    margin-left:1px;
    margin-right:1px;
}
.yui-pg-current,.yui-pg-rpp-options{
    margin-left:1em;
    margin-right:1em;
}
.yui-pg-first:hover,.yui-pg-previous:hover,.yui-pg-next:hover,.yui-pg-last:hover,.yui-pg-page:hover {
    color: #050F19;
}
.yui-pg-first, .yui-pg-previous, .yui-pg-next, .yui-pg-last, .yui-pg-page {
    text-decoration: none;
    color: #111111;
}
span.yui-pg-first:hover, span.yui-pg-previous:hover, span.yui-pg-next:hover, span.yui-pg-last:hover {
    color: #a6a6a6;
}
span.yui-pg-current-page:hover {
    color: #111111;
}


/* Set Alert Styles*/
.alert-ticket .sell-buy{ border-bottom: 1px solid #dbdbdb; padding-bottom: 8px; overflow: hidden; }
.alert-ticket .sell-button .btn-sell span, .alert-ticket .buy-button .btn-buy span { text-align: center; /*padding: 8px 15px; display: block;*/ border-radius: 3px; cursor: pointer; }
.alert-ticket .sell-buy input[type="checkbox"] { display: none; }

/*.alert-ticket .sell-button { float:left; }
.alert-ticket .sell-button .btn-sell { color: #fff; background-color: #EE0000; border-color: #EE0000; border-radius: 3px; float: left; text-transform: capitalize; font-weight: 700; width: 107px; font-size: 18px; }
.alert-ticket .sell-button .btn-sell:hover { background-color: #EE0000; border-color: #EE0000; }

.alert-ticket .buy-button { float:right; }
.alert-ticket .buy-button .btn-buy { color: #fff; background-color: #008045; border-color: #008045; border-radius: 3px; float: left; text-transform: capitalize; font-weight: 700; width: 102px; font-size: 18px; }
.alert-ticket .buy-button .btn-buy:hover { background-color: #008045; border-color: #008045; }*/

.alert-ticket .divLeft {
    margin-bottom: 3px;
    float: left;
    width: 48%;
    margin-top: 10px;
}

.alert-ticket .divRight {
    float: right;
    width: 47%;
    margin-top: -6px;
    font-size: 10.5px;
	margin-top: 10px;
}

.alert-ticket .submit-button {
	width: 90%;
	padding: 3px 10px;
	margin-top: 10px;
}

.alert-ticket ul li {
	margin-top: 5px;
}

.alert-ticket .txtAlertLevel {
	margin-top: 8px;
    width: 85px !important;
    padding: 3px 3px !important;
    min-height: 21px;
    border-radius: 0px;
    border: 1px solid #666666;
	display: inline;
    font-size: 14px;
    color: #555;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.alert-ticket .alertLevel {
	margin-top: 5px;
    margin-bottom: 8px;
}

.alert-ticket .more-info-note {
    background: #F8DCA1;
    color: #333333;
    padding: 4px;
    text-align: center;
    font-weight: 700;
}

.divAlertDetail .field {
    font-weight: bold;
    width: 37%;
}

#divMarketTab .marketTabContent .yui-dt-bd .yui-dt-col-icon-bell {
	text-align: center;
	width: 37px;
	min-width: 37px;
}

.bellAlert {
	background-image: url("/images/31/BELL_ALERT.png");
}
.bellAlert:hover {
	background-image: url("/images/31/BELL_ALERT_OVER.png");
}

#divMarketTab .marketTabContent .yui-dt-hd .yui-dt-col-Action {
    width: 272px;
    min-width: 272px;
}

#lblOpeningAlert {
    /*list-style-type: none;
    position: relative;
    width: auto;
    text-align: center;
    vertical-align: middle;
    background-repeat: repeat-x;
    display: table-cell;
    font-weight: bold;
    white-space: nowrap;
    padding: 4px 8px;*/
}

.trade-ticket ul.tabs li .alert {
	width: 88%;
}

/*Opening Alert Tab style*/
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-col-Market {
	width: 100%;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-col-TradeModeID {
	width: 40px;
	min-width: 40px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-col-AlertPrice {
	width: 90px;
	min-width: 90px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-col-CreationTime {
    width: 110px;
    min-width: 110px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-col-TriggerPrice {
    width: 126px;
    min-width: 126px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-col-TriggerTime {
    width: 138px;
    min-width: 138px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-col-AlertStatus {
	/*width: 77px;
	min-width: 77px;*/
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 40px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-col-Action {
	width: 240px;
    min-width: 240px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-col-Action .yui-dt-liner {
	margin-right: 100px;
	text-align: left;
    color: #999999;
    padding: 5px 0px 5px 0px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd .yui-dt-last {
	display: none;
}

#divSummaryTab #divOpeningAlert .yui-dt-bd .yui-dt-col-Market {
	width: 100%;
}
#divSummaryTab #divOpeningAlert .yui-dt-bd .yui-dt-col-TradeModeID {
    width: 40px;
    min-width: 40px;
	text-align: center;
}
#divSummaryTab #divOpeningAlert .yui-dt-bd .yui-dt-col-AlertPrice {
	width: 90px;
	min-width: 90px;
	text-align: center;
}
#divSummaryTab #divOpeningAlert .yui-dt-bd .yui-dt-col-CreationTime {
    width: 110px;
    min-width: 110px;
}
#divSummaryTab #divOpeningAlert .yui-dt-bd .yui-dt-col-TriggerPrice {
    width: 126px;
    min-width: 126px;
	text-align: center;
}
#divSummaryTab #divOpeningAlert .yui-dt-bd .yui-dt-col-TriggerTime {
    width: 138px;
    min-width: 138px;
}
#divSummaryTab #divOpeningAlert .yui-dt-bd .yui-dt-col-AlertStatus {
	width: 77px;
	min-width: 77px;
	text-align: center;
}
#divSummaryTab #divOpeningAlert .yui-dt-bd .yui-dt-col-ButtonEdit {
	text-align: center;
	width: 68px;
	min-width: 68px;
}
#divSummaryTab #divOpeningAlert .yui-dt-bd .yui-dt-col-ButtonDelete {
	text-align: center;
	width: 68px;
	min-width: 68px;
}

/* Start Calendar css */
.ui-datepicker-header {
	color: black;
}
#divSummaryTab .divDatePicker {
	float: right;
	display: -ms-flexbox;
	display: flex;
	margin-top: -5px;
    height: 40px;
}
#divSummaryTab #imgSearchDate {
	height: 20px;
    width: 20px;
    margin-right: 11px;
    margin-top: 11px;
	cursor: pointer;
}

#divSummaryTab #selectAlertStatus{
	height: 22px;
    width: auto;
	margin: 12px;
}

/* override existing element */
#divCurrentPositions, #divOpeningOrder, #divTransactionHistory, #divActivity, #divMarketInformation, #divAccSummary, #divOpeningAlert {
    min-height: 200px;
}
#divSummaryTab #divOpeningAlert .yui-dt-hd {
    width: calc(100% - 4px) !important;
}
#fixedTabviewPanel .yui-dt-scrollable .yui-dt-hd, #floatingTabviewPanel .yui-dt-scrollable .yui-dt-hd {
    border-right-width: 0.1px;
	border-top: none;
}
#divSummaryTab #divOpeningOrder .yui-dt-hd {
    padding-right: 2px;
}
#tblSettingCurrentPositions, #tblSettingOpeningOrder, #tblSettingTransactionHistory, #tblSettingActivityHistory {
	position: absolute;
    float: right;
    margin: 3px 8px;
    margin-top: -40px;
}
.yui-pg-container {
    /*margin: auto;*/
	margin-top: 13px !important;
	float: left;
}
.btnPrint .btnBack .btnClose {
	width: 100% !important;
}

/* Make the badge float in the top right corner of the button */
#button_notify {
	background-color: #fa3e3e;
    border-radius: 2px;
    color: white;
    padding: 1px 3px;
    font-size: 10px;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 7px;
}
/* END */

/* End Alert Styles*/

/* Add css when amend open and close order*/
.hedgeDisabled:before {
	/*background-color: #cccccc !important;*/
}

#startdatepicker, #enddatepicker, #selectAlertStatus {
	font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    color: #111111;
}

#spnInitialMargin {
	color: #111111;
}

/* Add splitter style */
#splitter-horizontal {
	padding-bottom: 5px;
	min-height: 130px;
	max-height: 600px;
	width: 100% !important;
}
#splitter-horizontal .yui-resize-handle-r {
	display: none;
}
#splitter-horizontal .yui-resize-handle-br {
	display: none;
}
#splitter-horizontal .yui-resize-handle-b {
	width: 100%;
	height: 5px;
	bottom: 0;
	right: 0;
	cursor: s-resize;
	zoom: 1;
	background-color: #F2F2F2;
}
#splitter-horizontal .yui-resize-handle-b:hover {
	background-color: #827f7f;
	zoom: 1;
}

/*CSS for tradeticket betPer*/
.trade-ticket .spn-bet-per {
	height: 28px;
    width: 28px;
    background: #FFFFFF;
    margin-top: 35px;
    margin-left: -12.5px;
    border-radius: 13px;
    position: absolute;
    line-height: 3;
    text-align: center;
    font-size: 9px;
}
#divMarketTab .dynamicTab .mid label {
	cursor: pointer;
}

#myCurrencyMenuButtonHistory-button, #myCurrencyMenuButton-button {
	cursor: pointer;
	background-image: url(../../images/default/dropdown.png);
	background-repeat: no-repeat;
	background-position: 100px 10px;
	padding: 0px 20px 0px 0px;
	border: 1px solid #DADCDF !important;
	box-sizing: border-box;
	border-radius: 6px;
	width: 126px;
	height: 36px;
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	font-size: 12px;
	color: #333333;
	text-align: center;
}