@charset "UTF-8";
.forexIcon {
    width: 25px;
    height: 25px;
    background-image: url('././images/Flags_All.png');
    background-position: 200px 200px;
    background-repeat: no-repeat
}

.instrumentIcon {
    width: 40px;
    height: 25px
}
.flags {
    position: absolute;
    top: 29px;
    left: -14px;
}
.flags .flag2 {
    position: absolute;
    z-index: 2;
    left: 17px;
}

.flags .flag1 {
    float: left ;
}

.forexIcon.icoCAD {
    background-position: 0 0
}

.forexIcon.icoCHF {
    background-position: -25px 0
}

.forexIcon.icoJPY {
    background-position: -50px 0
}

.icoDJ_EUR50, .forexIcon.icoEUROSTOXX, .forexIcon.icoEUR {
    background-position: -75px 0
}

.forexIcon.icoGBP {
    background-position: -100px 0
}

.forexIcon.icoHKD {
    background-position: -125px 0
}

.forexIcon.icoHUF {
    background-position: -150px 0
}

.forexIcon.icoILS {
    background-position: -175px 0
}

.forexIcon.icoZAR {
    background-position: -200px 0
}

.forexIcon.icoMXN {
    background-position: -225px 0
}

.forexIcon.icoCNH {
    background-position: -25px -50px
}

.forexIcon.icoBlank {
    background-position: -25px -50px
}

.forexIcon.icoUnknown {
    background-position: -50px -50px
}

.forexIcon.icoLTC {
    background-position: -75px -50px
}

.forexIcon.icoNZD {
    background-position: -150px -50px
}

.forexIcon.icoAUD {
    background-position: -175px -50px
}

.forexIcon.icoBITCOIN, .forexIcon.icoBTC {
    background-position: -200px -50px
}

.forexIcon.icoDKK {
    background-position: -225px -50px
}

.forexIcon.icoNOK {
    background-position: 0 -25px
}

.forexIcon.icoPLN {
    background-position: -25px -25px
}

.forexIcon.icoRUB {
    background-position: -50px -25px
}

.forexIcon.icoSEK {
    background-position: -75px -25px
}

.forexIcon.icoSGD {
    background-position: -100px -25px
}

.forexIcon.icoTRY {
    background-position: -125px -25px
}

.icoDOLLAR_INDX, .forexIcon.icoUSD {
    background-position: -150px -25px
}

.forexIcon.icoFTSEMIB {
    background-position: -175px -25px
}

.forexIcon.icoCAC40 {
    background-position: -200px -25px
}

.forexIcon.icoDAX30 {
    background-position: -225px -25px
}

.forexIcon.icoEUROSTOXX {
    background-position: -75px 0
}

.forexIcon.icoFTSE100 {
    background-position: -100px 0
}

.forexIcon.icoHSI {
    background-position: -125px 0
}

.forexIcon.icoIBEX35 {
    background-position: -125px -50px
}

.forexIcon.icoNIKKEI225 {
    background-position: -50px 0
}

.icoFTSEMIB40 {
    background-position: -175px -25px
}

.icoSMI {
    background-position: -25px 0
}

.icoRUSS2000 {
    background-position: -150px -25px
}

.icoOMXC20CAP {
    background-position: -225px -50px
}

.icoOMXS30 {
    background-position: -75px -25px
}

.icoASX200 {
    background-position: -150px -50px
}

.forexIcon.icoXAUEUR {
    background-position: 0 -235px;
    width: 40px
}

.icoGOLDGBP, .forexIcon.icoGOLDEUR, .forexIcon.icoGOLD {
    background-position: 0 -235px;
    width: 40px
}

.forexIcon.icoSILVER {
    background-position: -200px -210px;
    width: 40px
}

.forexIcon.icoCOPPER {
    background-position: -40px -210px;
    width: 40px
}

.forexIcon.icoPALLADIUM, .forexIcon.icoPLATINUM {
    background-position: -160px -210px;
    width: 40px
}

.forexIcon.icoBRENT_OIL, .forexIcon.icoCrudeOIL {
    background-position: -120px -185px;
    width: 40px
}

.forexIcon.icoNATURAL_GAS, .forexIcon.icoHEATING_OIL, .forexIcon.icoGASOLINE {
    background-position: -160px -185px;
    width: 40px
}

.forexIcon.icoCOCOA {
    background-position: -120px -210px;
    width: 40px
}

.forexIcon.icoCOFFEE_C {
    background-position: -80px -210px;
    width: 40px
}

.forexIcon.icoCORN {
    background-position: 0 -210px;
    width: 40px
}

.forexIcon.icoCOTTON2 {
    background-position: -200px -185px;
    width: 40px
}

.forexIcon.icoWHEAT {
    background-position: -80px -185px;
    width: 40px
}

.forexIcon.icoSOYBEAN {
    background-position: -40px -235px;
    width: 40px
}

.forexIcon.icoSUGAR11 {
    background-position: -80px -235px;
    width: 40px
}

.forexIcon.ico10Y_T-NOTES, .forexIcon.ico30Y_T-BOND, .forexIcon.ico5Y_T-NOTES {
    background-position: 0 -300px;
    width: 40px
}

.forexIcon.icoNASDAQ100, .icoSP500, .forexIcon.icoDOW30, .icoDJ30 {
    background-position: -150px -25px
}

.forexIcon.icoUSDX, .icoALIBABA, .icoCAT, .icoBOEING, .icoBERKSHIRE, .icoCITIGROUP, .icoPOTASH, .icoMCDONALDS, .icoINTEL, .icoPG, .icoJNJ, .icoCHEVRON, .icoBOA, .icoATT, .icoFACEBOOK, .icoMICROSOFT, .icoJP_MORGAN, .icoMORGAN_STA, .icoDISNEY, .icoCISCO, .icoWAL_MART, .icoGE, .icoAMERICAN_E, .icoCOCA-COLA, .icoGS, .icoTWITTER, .icoPFIZER, .icoYAHOO, .icoGOOGLE, .icoAPPLE, .icoVERIZON, .icoEXXONMOBIL, .icoFERRARI, .icoGM, .icoGPRO, .icoNFLX, .icoTSLA, .icoVRX, .icoLINE, .icoLINKEDIN, .icoAMERICAN_A, .icoFIREEYE, .icoGROUPON, .icoHP, .icoVISA, .icoZYNGA, .icoSQQQ, .icoTQQQ, .icoPAYPAL, .icoYANDEX, .icoSINA, .icoBAIDU {
    background-position: 0 -300px;
    width: 40px
}

.forexIcon.icoNA, .icoBancoPopolareSc, .icoBARCL, .icoBNPParibas, .icoDeutscheBankAG, .icoFiat, .icoSchneiderElectric, .icoVodafoneGroupPLC, .icoVolkswagen, .EURWIDEICON {
    background-position: -200px -300px;
    width: 40px
}

.icoBKIAMC, .icoBBVAMC, .icoENGMC, .icoGAMMC, .icoTEFMC, .icoSANMC, .icoELEMC, .icoGASMC, .icoIBEMC, .icoITXMC, .icoREPMC {
    background-position: -80px -350px;
    width: 40px
}

.USDWIDEICON {
    background-position: 0 -300px;
    width: 40px
}

.icoBNPPA, .icoSUPA, .FRWIDEICON, .icoALUPA, .icoCSPA, .icoUGPA, .icoSAFPA, .icoAIRPA, .icoAFPA, .icoBNPA, .icoCAPA, .icoGLEPA, .icoVKPA {
    background-position: -40px -300px;
    width: 40px
}

.icoDBKDE, .icoVOWDE, .DEWIDEICON, .icoADSDE, .icoALVDE, .icoBAYNDE, .icoCBKDE, .icoDTEDE, .icoLHADE, .icoSAPDE, .icoSIEDE, .icoBASDE, .icoBMWDE, .icoDAIDE, .icoDPWDE, .icoEOANDE, .icoRWEDE {
    background-position: -80px -300px;
    width: 40px
}

.icoBARCL, .icoVOD.L, .UKWIDEICON, .icoBATSL, .icoBGL, .icoBPL, .icoGSKL, .icoHSBAL, .icoMNDIL, .icoSABL, .icoRDSAL, .icoVODL, .icoAALL, .icoBLTL, .icoRIOL, .icoTSCOL {
    background-position: -120px -300px;
    width: 40px
}

.icoBAPOMI, .icoFCAMI, .ITWIDEICON, .icoTENMI, .icoENIMI, .icoGMI, .icoISPMI, .icoSPMMI, .icoUBIMI {
    background-position: -600px -325px;
    width: 40px
}

.EUWIDEICON {
    background-position: -200px -300px;
    width: 40px
}

.icoABIBR, .icoDEXBBR {
    background-position: 0 -325px;
    width: 40px
}

.icoASMLAS, .icoPHIAAS, .icoUNAAS {
    background-position: -360px -325px;
    width: 40px
}

.icoDANSKECO {
    background-position: -120px -325px;
    width: 40px
}

.icoFUM1VHE, .icoNOKIAHE {
    background-position: -200px -325px;
    width: 40px
}

.icoGALPLS {
    background-position: -160px -350px;
    width: 40px
}

.icoNDA-SEKST, .icoSEB-AST {
    background-position: -40px -325px;
    width: 40px
}

.icoSTLOL, .icoTELOL {
    background-position: -120px -350px;
    width: 40px
}

.icoCNA50 {
    background-position: -25px -50px
}

.icoAEX25 {
    background-position: -325px -25px
}

.icoPSI20 {
    background-position: -300px -25px
}

.icoWIG20 {
    background-position: -25px -25px
}

.stampChartAUDUSD {
    background-position: 0 0
}

.stampChartGBPUSD {
    background-position: 0 -34px
}

.stampChartEURUSD {
    background-position: 0 -68px
}

.stampChartNZDUSD {
    background-position: 0 -102px
}

.stampChartUSDJPY {
    background-position: 0 -136px
}

.stampChartUSDCHF {
    background-position: 0 -170px
}

.stampChartUSDCAD {
    background-position: 0 -204px
}

.stampChartAUDCAD {
    background-position: 0 -238px
}

.stampChartAUDCHF {
    background-position: 0 -272px
}

.stampChartAUDJPY {
    background-position: 0 -306px
}

.stampChartAUDNZD {
    background-position: 0 -340px
}

.stampChartCADCHF {
    background-position: 0 -374px
}

.stampChartCADJPY {
    background-position: 0 -408px
}

.stampChartCHFJPY {
    background-position: 0 -442px
}

.stampChartEURAUD {
    background-position: 0 -476px
}

.stampChartEURCAD {
    background-position: 0 -510px
}

.stampChartEURGBP {
    background-position: 0 -544px
}

.stampChartEURJPY {
    background-position: 0 -578px
}

.stampChartEURNZD {
    background-position: 0 -612px
}

.stampChartEURCHF {
    background-position: 0 -646px
}

.stampChartGBPAUD {
    background-position: 0 -680px
}

.stampChartGBPCAD {
    background-position: 0 -714px
}

.stampChartGBPCHF {
    background-position: 0 -748px
}

.stampChartGBPJPY {
    background-position: 0 -782px
}

.stampChartGBPNZD {
    background-position: 0 -816px
}

.stampChartNZDCAD {
    background-position: 0 -850px
}

.stampChartNZDCHF {
    background-position: 0 -884px
}

.stampChartNZDJPY {
    background-position: 0 -918px
}

.stampChartEURDKK {
    background-position: 0 -952px
}

.stampChartEURHUF {
    background-position: 0 -986px
}

.stampChartEURILS {
    background-position: 0 -1020px
}

.stampChartEURNOK {
    background-position: 0 -1054px
}

.stampChartEURPLN {
    background-position: 0 -1088px
}

.stampChartEURSEK {
    background-position: 0 -1122px
}

.stampChartEURTRY {
    background-position: 0 -1156px
}

.stampChartEURZAR {
    background-position: 0 -1190px
}

.stampChartGBPSGD {
    background-position: 0 -1224px
}

.stampChartGBPTRY {
    background-position: 0 -1258px
}

.stampChartUSDCNH {
    background-position: 0 -1292px
}

.stampChartUSDDKK {
    background-position: 0 -1326px
}

.stampChartUSDHKD {
    background-position: 0 -1360px
}

.stampChartUSDHUF {
    background-position: 0 -1394px
}

.stampChartUSDILS {
    background-position: 0 -1428px
}

.stampChartUSDMXN {
    background-position: 0 -1462px
}

.stampChartUSDNOK {
    background-position: 0 -1496px
}

.stampChartUSDPLN {
    background-position: 0 -1530px
}

.stampChartUSDRUB {
    background-position: 0 -1564px
}

.stampChartUSDSEK {
    background-position: 0 -1598px
}

.stampChartUSDSGD {
    background-position: 0 -1632px
}

.stampChartUSDTRY {
    background-position: 0 -1666px
}

.stampChartUSDZAR {
    background-position: 0 -1700px
}

.stampChartCAC40 {
    background-position: 0 -1734px
}

.stampChartDAX30 {
    background-position: 0 -1768px
}

.stampChartDJ30 {
    background-position: 0 -1802px
}

.stampChartDJ_EUR50 {
    background-position: 0 -1836px
}

.stampChartFTSE100 {
    background-position: 0 -1870px
}

.stampChartFTSEMIB40 {
    background-position: 0 -1904px
}

.stampChartHSI {
    background-position: 0 -1938px
}

.stampChartIBEX35 {
    background-position: 0 -1972px
}

.stampChartNIKKEI225 {
    background-position: 0 -2006px
}

.stampChartDOLLAR_INDX {
    background-position: 0 -2040px
}

.stampChartSP500 {
    background-position: 0 -2074px
}

.stampChartAMERICAN_E {
    background-position: 0 -2108px
}

.stampChartALIBABA {
    background-position: 0 -2142px
}

.stampChartAPPLE {
    background-position: 0 -2176px
}

.stampChartATT {
    background-position: 0 -2210px
}

.stampChartBOA {
    background-position: 0 -2244px
}

.stampChartBERKSHIRE {
    background-position: 0 -2278px
}

.stampChartBOEING {
    background-position: 0 -2312px
}

.stampChartNASDAQ100 {
    background-position: 0 -2346px
}

.stampChartABIBR {
    background-position: 0 -2380px
}

.stampChartBNPPA {
    background-position: 0 -2414px
}

.stampChartSUPA {
    background-position: 0 -2448px
}

.stampChartBARCL {
    background-position: 0 -2482px
}

.stampChartVODL {
    background-position: 0 -2516px
}

.stampChartDTEDE {
    background-position: 0 -2550px
}

.stampChartDBKDE {
    background-position: 0 -2584px
}

.stampChartVOWDE {
    background-position: 0 -2618px
}

.stampChartPNCUSD {
    background-position: 0 -2652px
}

.stampChartCAT {
    background-position: 0 -2686px
}

.stampChartCHEVRON {
    background-position: 0 -2720px
}

.stampChartCISCO {
    background-position: 0 -2754px
}

.stampChartCITIGROUP {
    background-position: 0 -2788px
}

.stampChartCOCACOLA {
    background-position: 0 -2822px
}

.stampChartDISNEY {
    background-position: 0 -2856px
}

.stampChartEXXONMOBIL {
    background-position: 0 -2890px
}

.stampChartFACEBOOK {
    background-position: 0 -2924px
}

.stampChartGE {
    background-position: 0 -2958px
}

.stampChartGM {
    background-position: 0 -2992px
}

.stampChartGS {
    background-position: 0 -3026px
}

.stampChartGOOGLE {
    background-position: 0 -3060px
}

.stampChartINTEL {
    background-position: 0 -3094px
}

.stampChartJNJ {
    background-position: 0 -3128px
}

.stampChartJP_MORGAN {
    background-position: 0 -3162px
}

.stampChartMCDONALDS {
    background-position: 0 -3196px
}

.stampChartMICROSOFT {
    background-position: 0 -3230px
}

.stampChartMORGAN_STA {
    background-position: 0 -3264px
}

.stampChartPFIZER {
    background-position: 0 -3298px
}

.stampChartPOTASH {
    background-position: 0 -3332px
}

.stampChartPG {
    background-position: 0 -3366px
}

.stampChartTWITTER {
    background-position: 0 -3400px
}

.stampChartVERIZON {
    background-position: 0 -3434px
}

.stampChartWAL_MART {
    background-position: 0 -3468px
}

.stampChartYAHOO {
    background-position: 0 -3502px
}

.stampChartGOLD {
    background-position: 0 -3536px
}

.stampChartSILVER {
    background-position: 0 -3570px
}

.stampChartCOPPER {
    background-position: 0 -3604px
}

.stampChartPLATINUM {
    background-position: 0 -3638px
}

.stampChartGOLDEUR {
    background-position: 0 -3672px
}

.stampChartBRENT_OIL {
    background-position: 0 -3706px
}

.stampChartGASOLINE {
    background-position: 0 -3740px
}

.stampChartHEATING_OIL {
    background-position: 0 -3774px
}

.stampChartNATURAL_GAS {
    background-position: 0 -3808px
}

.stampChartCrudeOIL {
    background-position: 0 -3842px
}

.stampChartCORN {
    background-position: 0 -3876px
}

.stampChartCOTTON2 {
    background-position: 0 -3910px
}

.stampChartSOYBEAN {
    background-position: 0 -3944px
}

.stampChartSUGAR11 {
    background-position: 0 -3978px
}

.stampChartWHEAT {
    background-position: 0 -4012px
}

.stampChart5Y_TNOTES {
    background-position: 0 -4046px
}

.stampChart10Y_TNOTES {
    background-position: 0 -4080px
}

.stampChart30Y_TBOND {
    background-position: 0 -4114px
}

.stampChartFERRARI {
    background-position: 0 -4148px
}

.stampChartDANSKECO {
    background-position: 0 -4182px
}

.stampChartFUM1VHE {
    background-position: 0 -4216px
}

.stampChartNOKIAHE {
    background-position: 0 -4250px
}

.stampChartSEBAST {
    background-position: 0 -4284px
}

.stampChartNDASEKST {
    background-position: 0 -4318px
}

.stampChartASMLAS {
    background-position: 0 -4352px
}

.stampChartPHIAAS {
    background-position: 0 -4386px
}

.stampChartUNAAS {
    background-position: 0 -4420px
}

.stampChartTELOL {
    background-position: 0 -4454px
}

.stampChartSTLOL {
    background-position: 0 -4488px
}

.stampChartGALPLS {
    background-position: 0 -4522px
}

.stampChartSAFPA {
    background-position: 0 -4556px
}

.stampChartUGPA {
    background-position: 0 -4590px
}

.stampChartCSPA {
    background-position: 0 -4624px
}

.stampChartALUPA {
    background-position: 0 -4658px
}

.stampChartMNDIL {
    background-position: 0 -4692px
}

.stampChartBATSL {
    background-position: 0 -4726px
}

.stampChartSABL {
    background-position: 0 -4760px
}

.stampChartRDSAL {
    background-position: 0 -4794px
}

.stampChartGSKL {
    background-position: 0 -4828px
}

.stampChartHSBAL {
    background-position: 0 -4862px
}

.stampChartBPL {
    background-position: 0 -4896px
}

.stampChartADSDE {
    background-position: 0 -4930px
}

.stampChartALVDE {
    background-position: 0 -4964px
}

.stampChartBAYNDE {
    background-position: 0 -4998px
}

.stampChartSIEDE {
    background-position: 0 -5032px
}

.stampChartSAPDE {
    background-position: 0 -5066px
}

.stampChartLHADE {
    background-position: 0 -5100px
}

.stampChartCBKDE {
    background-position: 0 -5134px
}

.stampChartENGMC {
    background-position: 0 -5168px
}

.stampChartGAMMC {
    background-position: 0 -5202px
}

.stampChartBKIAMC {
    background-position: 0 -5236px
}

.stampChartBBVAMC {
    background-position: 0 -5270px
}

.stampChartSANMC {
    background-position: 0 -5304px
}

.stampChartTENMI {
    background-position: 0 -5338px
}

.stampChartVRX {
    background-position: 0 -5372px
}

.stampChartGPRO {
    background-position: 0 -5406px
}

.stampChartNFLX {
    background-position: 0 -5440px
}

.stampChartTSLA {
    background-position: 0 -5474px
}

.stampChartTEFMC {
    background-position: 0 -5508px
}

.stampChartBAPOMI {
    background-position: 0 -5542px
}

.stampChartFCAMI {
    background-position: 0 -5576px
}

.stampChartCNA50 {
    background-position: 0 -5610px
}

.stampChartLINKEDIN {
    background-position: 0 -5644px
}

.stampChartKPNAS {
    background-position: 0 -5678px
}

.stampChartVOLVBST {
    background-position: 0 -5712px
}

.stampChartAFPA {
    background-position: 0 -5746px
}

.stampChartAIRPA {
    background-position: 0 -5780px
}

.stampChartCAPA {
    background-position: 0 -5814px
}

.stampChartBNPA {
    background-position: 0 -5848px
}

.stampChartVKPA {
    background-position: 0 -5882px
}

.stampChartGLEPA {
    background-position: 0 -5916px
}

.stampChartAALL {
    background-position: 0 -5950px
}

.stampChartBLTL {
    background-position: 0 -5984px
}

.stampChartTSCOL {
    background-position: 0 -6018px
}

.stampChartRIOL {
    background-position: 0 -6052px
}

.stampChartBASDE {
    background-position: 0 -6086px
}

.stampChartBMWDE {
    background-position: 0 -6120px
}

.stampChartDAIDE {
    background-position: 0 -6154px
}

.stampChartDPWDE {
    background-position: 0 -6188px
}

.stampChartEOANDE {
    background-position: 0 -6222px
}

.stampChartRWEDE {
    background-position: 0 -6256px
}

.stampChartELEMC {
    background-position: 0 -6290px
}

.stampChartGASMC {
    background-position: 0 -6324px
}

.stampChartIBEMC {
    background-position: 0 -6358px
}

.stampChartITXMC {
    background-position: 0 -6392px
}

.stampChartREPMC {
    background-position: 0 -6426px
}

.stampChartENIMI {
    background-position: 0 -6460px
}

.stampChartGMI {
    background-position: 0 -6494px
}

.stampChartISPMI {
    background-position: 0 -6528px
}

.stampChartSPMMI {
    background-position: 0 -6562px
}

.stampChartUBIMI {
    background-position: 0 -6596px
}

.stampChartAMERICAN_A {
    background-position: 0 -6630px
}

.stampChartFIREEYE {
    background-position: 0 -6664px
}

.stampChartGROUPON {
    background-position: 0 -6698px
}

.stampChartHP {
    background-position: 0 -6732px
}

.stampChartPAYPAL {
    background-position: 0 -6766px
}

.stampChartVISA {
    background-position: 0 -6800px
}

.stampChartZYNGA {
    background-position: 0 -6834px
}

.stampChartTQQQ {
    background-position: 0 -6868px
}

.stampChartSQQQ {
    background-position: 0 -6902px
}

.stampChartAEX25 {
    background-position: 0 -6936px
}

.stampChartASX200 {
    background-position: 0 -6970px
}

.stampChartOMXC20CAP {
    background-position: 0 -7004px
}

.stampChartOMXS30 {
    background-position: 0 -7038px
}

.stampChartPSI20 {
    background-position: 0 -7072px
}

.stampChartSMI {
    background-position: 0 -7106px
}

.stampChartRUSS2000 {
    background-position: 0 -7140px
}

.stampChartWIG20 {
    background-position: 0 -7174px
}

.stampChartBITCOIN {
    background-position: 0 -7208px
}

.stampChartGOLDGBP {
    background-position: 0 -7242px
}

.stampChartAMAZON {
    background-position: 0 -7276px
}

.stampChartBAIDU {
    background-position: 0 -7310px
}

.stampChartSINA {
    background-position: 0 -7344px
}

.stampChartYANDEX {
    background-position: 0 -7378px
}

.stampChartPALLADIUM {
    background-position: 0 -7412px
}

#bigChartSection .moreInfo {
    padding: 10px 10px 0 25px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-top: 1px solid #dcdcdc
}

.moreInfo {
    overflow-y: scroll !important;
    overflow-x: hidden !important
}

.moreInfo .moreInfoHeader {
    font-size: 30px;
    color: #5aa0e7;
    font-weight: 800
}

.moreInfo .shortDescription {
    font-size: 18px;
    color: black;
    font-weight: 500;
    margin-top: 4px
}

.moreInfo .infoForex, .moreInfo .infoNotForex {
    background-image: url('/content/images/moreinfosprite.png?v=1.93.25');
    float: right;
    margin-top: 5px;
    width: 170px;
    height: 120px;
    background-repeat: no-repeat
}

.moreInfo .infoNotForex {
    width: 280px;
    margin-left: auto;
    margin-right: auto
}

.moreInfo .Table {
    display: table;
    margin-top: 10px;
    background-image: none;
    height: auto
}

.moreInfo .Table .Heading {
    display: block;
    font-weight: 500;
    text-align: center;
    background-color: #4e6e7e;
    text-align: start
}

.moreInfo .Table .Row .Cell, .moreInfo .Table .Heading .Cell {
    display: table-cell;
    border: solid;
    border-width: thin;
    padding-left: 10px;
    padding-right: 5px;
    height: 30px;
    color: white;
    line-height: 30px;
    width: 50%;
    font-size: 14px;
    font-weight: 500
}

.moreInfo .Table .Row {
    display: block
}

.moreInfo .Table .Row .Cell {
    border: solid;
    border-width: thin;
    border-color: white;
    color: black;
    background-color: #f5f7f9
}

.moreInfo .Table .Row .Cell > p {
    color: black
}

.moreInfo .Table2 {
    display: table;
    margin-top: 10px;
    width: 90%
}

.moreInfo .Table2 .Heading {
    display: table-row;
    font-weight: 500;
    text-align: center;
    background-color: #FFF;
    text-align: start
}

.moreInfo .Table2 .Heading .Cell {
    display: table-cell;
    padding-left: 0;
    padding-right: 25px;
    height: 30px;
    line-height: 30px;
    width: 33.33%
}

.moreInfo .Table2 .Row {
    display: table-row
}

.moreInfo .Table2 .Row .Cell {
    display: table-cell;
    padding-left: 0;
    padding-right: 25px;
    text-align: center;
    color: black;
    height: 30px;
    line-height: 30px;
    text-align: start
}

.headerCellTbl {
    border-bottom: 2px solid #5aa0e7;
    font-size: 14px
}

.moreInfo .Table2 .Row .Cell > span {
    color: black;
    font-size: 13px
}

.moreInfo .Table .Heading #bigChartSection .chartTopBar {
    clear: both;
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    height: 19px;
    margin-top: 10px
}

.moreInfo .descriptionHeader {
    font-size: 16px;
    font-weight: 500;
    margin-top: 25px
}

.moreInfo .description {
    font-size: 13px;
    margin-top: 10px;
    line-height: 25px;
    min-height: 190px
}

.moreInfo > ul > li {
    line-height: 30px;
    color: #5aa0e7;
    font-size: 19px
}

.moreInfo > ul {
    padding-left: 20px
}

.moreInfo > ul > li > span {
    line-height: 20px;
    color: black;
    font-size: 13px
}

.moreInfo .Table {
    width: 340px;
    clear: both;
    float: right;
    display: block;
    margin-left: 40px;
    display: block;
    margin-bottom: 20px
}

.moreInfo .Table .Row .Cell, .moreInfo .Table .Heading .Cell {
    color: black;
    background-color: #f5f7f9;
    clear: both;
    width: auto;
    display: block;
    border: 1px solid white;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px
}

@media screen and (max-width: 1050px) {
    .moreInfo .Table, .Table.infoNotForex {
        width: 200px !important
    }

    .moreInfo .moreInfoHeader {
        font-size: 20px;
        margin-top: 7px
    }

    .moreInfo .Table .Row .Cell, .moreInfo .Table .Heading .Cell {
        font-size: 11px
    }

    .moreInfo .shortDescription {
        font-size: 13px
    }

    .moreInfo .description {
        font-size: 12px;
        line-height: 17px
    }

    .moreInfo .infoForex {
        width: 102px;
        height: 72px;
        background-size: 1200px
    }

    .moreInfo > ul > li > span {
        font-size: 12px
    }

    .moreInfo .Table2 .Row .Cell > span {
        font-size: 10px
    }

    .moreInfo .Table2 .Row .Cell {
        padding-right: 10px
    }

    .headerCellTbl {
        font-size: 12px
    }
}

@charset "UTF-8";
html, body {
    -ms-touch-action: none;
    margin: 0
}

.chartContainer, #chartContainer {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative
}

.stx-btn {
    display: inline-block;
    cursor: pointer;
    padding: 0 8px;
    border: solid 1px #ddd;
    font-weight: bold;
    line-height: 27px;
    color: #7e7e7e;
    text-align: center;
    overflow: visible;
    background-repeat: no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: color .25s, border .25s, box-shadow .25s;
    -moz-transition: color .25s, border .25s, box-shadow .25s;
    transition: color .25s, border .25s, box-shadow .25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.stx-btn:hover {
    color: #444;
    border: solid 1px #c5c5c5;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -8px 6px rgba(100, 100, 100, .03);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -8px 6px rgba(100, 100, 100, .03);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -8px 6px rgba(100, 100, 100, .03)
}

.stx-btn:active {
    color: #333;
    -webkit-box-shadow: inset 0 8px 6px rgba(100, 100, 100, .03);
    -moz-box-shadow: inset 0 8px 6px rgba(100, 100, 100, .03);
    box-shadow: inset 0 8px 6px rgba(100, 100, 100, .03)
}

.stx-btn-panel, .stx-btn-panel span {
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s
}

.stx-btn-panel {
    margin: 3px 2px
}

.stx-btn-panel:hover span, .stx-btn-panel:active span {
    opacity: 1
}

.stx-btn-panel:active {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.stx-btn-panel span {
    background-image: url(/scripts/chartiq/img/stx-sprite-panels.svg);
    opacity: .6;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

.no-svg .stx-btn-panel span {
    background-image: url(/scripts/chartiq/img/stx-sprite-panels.png)
}

.stx-btn-panel > span.stx-ico-up {
    background-position: -150px -25px
}

.stx-btn-panel > span.stx-ico-down {
    background-position: -200px -25px
}

.stx-btn-panel > span.stx-ico-close {
    background-position: -250px -25px
}

.stx-btn-panel > span.stx-ico-edit {
    background-position: -300px -25px
}

.stx-btn-panel > span.stx-ico-focus {
    background-position: -350px -25px
}

.stx_jump_today {
    color: #FFF;
    overflow: hidden;
    position: absolute;
    bottom: 12px;
    right: 10px;
    line-height: 0;
    height: 25px;
    width: 30px;
    padding: 0;
    margin-bottom: 17px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fafafa;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    transition: background .25s;
    -webkit-transition: background .25s;
    cursor: pointer;
    z-index: 30
}

.stx_jump_today span {
    background-image: url(/scripts/chartiq/img/stx-sprite-panels.svg);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 25px;
    height: 25px;
    width: 30px;
    padding-top: 25px;
    background-position: -448px -25px;
    transition: opacity .25s, transform .2s;
    -webkit-transition: opacity .25s, -webkit-transform .2s;
    opacity: .6
}

.no-svg .stx_jump_today span {
    background-image: url(/scripts/chartiq/img/stx-sprite-panels.png)
}

.stx_jump_today:hover span {
    opacity: 1
}

.stx-baseline-handle {
    color: rgba(96, 128, 192, .5);
    cursor: ns-resize;
    display: none;
    font-size: 20px;
    font-style: bold;
    height: 20px;
    position: absolute;
    text-align: center;
    width: 20px;
    z-index: 30
}

.stx-baseline-handle:before {
    content: '\f07d'
}

.stx-drag-chart {
    cursor: url(http://cur-google.com/mail/images/2/closedhand.cur), default !important
}

.stx-ico-handle {
    position: absolute;
    left: 0;
    height: 6px;
    width: 100%;
    overflow: hidden;
    cursor: ns-resize;
    z-index: 30
}

.stx-ico-handle:active {
    cursor: ns-resize
}

.stx-panel-control {
    position: absolute;
    top: 10px;
    left: 0;
    overflow: hidden;
    z-index: 30;
    display: none
}

.stx-panel-control * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.stx-panel-control.stx-show {
    display: inline-block
}

.stx-panel-title {
    margin: 5px 10px;
    float: left;
    display: inline-block;
    color: #333;
    padding: 0 10px 0 10px;
    line-height: 22px;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.stx-panel-control .stx-btn {
    float: left
}

#mSticky, #showMeasure {
    display: none;
    background: #efefef;
    border: solid #ddd 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    font-size: 11px;
    white-space: nowrap;
    z-index: 40
}

#mSticky, #vectorTrashCan, #overlayTrashCan, #showMeasure {
    position: absolute;
    z-index: 40
}

#mStickyInterior, #sMeasure {
    margin: 0;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    float: left
}

#overlayTrashCan.stx-btn, #vectorTrashCan.stx-btn {
    background: 0;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    width: 30px;
    height: 27px;
    padding: 0;
    border: 0
}

#overlayTrashCan.stx-btn span, #vectorTrashCan.stx-btn span {
    display: block;
    margin: 0 0 0 5px;
    width: 23px;
    height: 23px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    text-indent: 100px;
    background: #efefef;
    border: solid #ddd 1px;
    background-image: url(/scripts/chartiq/img/stx-sprite-panels.svg);
    background-position: -401px -26px
}

.no-svg #overlayTrashCan.stx-btn span, .no-svg #vectorTrashCan.stx-btn span {
    background-image: url(/scripts/chartiq/img/stx-sprite-panels.png)
}

#mouseDeleteInstructions {
    margin: 0;
    padding: 5px 10px 5px 10px;
    display: block;
    clear: both;
    font-size: xx-small
}

#mouseDeleteText, #mouseManageText {
    display: none
}

.rightclick_drawing #mouseDeleteText {
    display: inline
}

.rightclick_series #mouseDeleteText {
    display: inline
}

.rightclick_study #mouseDeleteText {
    display: inline
}

.stx-loader {
    position: absolute;
    top: 280px;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    z-index: 50
}

.stx_current_hr_up {
    background-color: #8cc176;
    color: #fff
}

.stx_current_hr_down {
    background-color: #b82c0c;
    color: #fff
}

.stx_xaxis {
    font-size: 12px;
    font-family: Helvetica;
    color: #666
}

.stx_xaxis_dark {
    color: #444
}

.stx_yaxis {
    font-size: 10px;
    font-family: Helvetica;
    color: #333
}

.stx-float-date {
    position: absolute;
    font-size: 10px;
    font-family: Helvetica;
    z-index: 30;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    padding: 1px 6px;
    text-align: center;
    width: 70px;
    background-color: #333
}

.stx-float-price {
    color: #fff;
    background-color: #333
}

.stx_crosshair {
    position: absolute;
    z-index: 10;
    background-color: #999
}

.stx_crosshair_drawing {
    position: absolute;
    z-index: 10;
    background-color: #333
}

#crossY, .stx_crosshair_y {
    left: 0;
    height: 1px;
    width: 98%;
    margin-top: -1px
}

#crossX, .stx_crosshair_x {
    top: 0;
    width: 1px;
    height: 100%
}

.stx-crosshair-on {
    cursor: crosshair
}

.stx_panels {
    font-family: Helvetica;
    font-size: 10px;
    color: white
}

.stx_panel_background {
    color: #7c878b
}

.stx_panel_border {
    width: 1px;
    color: #ccc
}

.stx_panel_drag {
    width: 2px;
    color: #666
}

.stx_solo_lit span {
    background-color: #b1b7b8;
    color: #fff;
    opacity: 1
}

.stx_grid {
    color: #efefef;
    opacity: 1
}

.stx_grid_dark {
    color: #ccc;
    opacity: .9
}

.stx_grid_border {
    color: #999
}

.stx_line_chart {
    width: 1px
}

.stx_bar_chart, .stx_bar_up, .stx_bar_down, .stx_bar_even {
    width: 1px
}

.stx_line_chart, .stx_bar_chart {
    color: #000
}

.stx_bar_down {
    color: #b82c0c
}

.stx_bar_up {
    color: #8cc176
}

.stx_mountain_chart {
    background-color: rgba(102, 202, 196, .5);
    color: rgba(102, 202, 196, .01);
    border: #66CAC4;
    width: 1px
}

.stx_highlight_vector {
    color: red;
    width: 3px
}

.stx_candle_shadow, .stx_bar_even {
    color: #2e383b
}

.stx_candle_down, .stx_line_down {
    color: #b82c0c;
    border-left-color: #000
}

.stx_candle_up, .stx_line_up {
    color: #8cc176;
    border-left-color: #000
}

.stx_hollow_candle_down {
    color: #b82c0c
}

.stx_hollow_candle_up {
    color: #8cc176
}

.stx_hollow_candle_even {
    color: #888
}

.stx_baseline {
    color: #2e383b
}

.stx_baseline_down {
    color: #eb242b;
    width: 2px
}

.stx_baseline_up {
    color: #49ba59;
    width: 2px
}

.stx_kagi_down {
    color: #F00;
    width: 1px
}

.stx_kagi_up {
    color: #0F0;
    width: 3px
}

.stx_pandf_down {
    color: #F00;
    padding: 2px 0 2px 0;
    width: 2px
}

.stx_pandf_up {
    color: #0F0;
    padding: 2px 0 2px 0;
    width: 2px
}

.stx_volume_up {
    color: #8cc176
}

.stx_volume_down {
    color: #b82c0c
}

.stx_volume_underlay_up {
    color: #8cc176;
    opacity: .3;
    border-left-color: #000
}

.stx_volume_underlay_down {
    color: #b82d0c;
    opacity: .3;
    border-left-color: #000
}

.stx_volume_profile {
    opacity: .3;
    border-color: #000
}

.stx_projection_new {
    color: blue
}

.stx_gaps {
    color: #b1b7b8;
    opacity: .3
}

.stx_histogram {
    color: #000;
    opacity: .2
}

.stx_annotation {
    font-size: 13px;
    font-family: Helvetica;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0 6px;
    outline: 0;
    color: #333;
    resize: none;
    z-index: 1000
}

.stx_annotation_bg {
    color: #f5f5f5
}

.stx_annotation_highlight {
    color: white
}

.stx_annotation_highlight_bg {
    color: #3d4447
}

#annotationSave, #annotationCancel, .stx-btn.stx_annotation_save, .stx-btn.stx_annotation_cancel {
    position: absolute;
    display: none;
    font-size: 11px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    z-index: 50;
    background-color: #fff
}

#annotationCancel, .stx_annotation_cancel {
    margin-left: 10px
}

.stx_watermark {
    font-size: 16px;
    font-family: Helvetica;
    color: rgba(0, 0, 0, 0.5)
}

.stx_fib_levels {
    font-size: 12px;
    font-family: Helvetica;
    color: transparent
}

.stx_share {
    font-size: 14px;
    font-family: georgia;
    color: #000;
    width: 1px
}

.stx_share_symbol {
    font-size: 14px;
    font-family: Arial;
    font-weight: bold
}

.stx-holder {
    display: block;
    position: absolute;
    overflow: hidden;
    z-index: 20
}

.stx-subholder {
    position: absolute;
    overflow: hidden
}

.chartContainer {
    border: solid 1px #ddd
}

.stx-wrapper * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.stx-wrapper canvas {
    -webkit-user-select: none
}

.stx-wrapper ul, .stx-wrapper li {
    margin: 0;
    padding: 0;
    list-style: none
}

a {
    cursor: pointer
}

.stx-input-field, .stx-textarea, .stx-input-check, .stx-dialog-container [type=text], .stx-dialog-container [type=number] {
    background: #f6f6f6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: #CCC solid 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2);
    padding: 0 6px;
    outline: 0;
    color: #333;
    resize: none;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    resize: none
}

.stx-input-field, .stx-dialog-container [type=text], .stx-dialog-container [type=number] {
    line-height: 27px;
    height: 27px;
    width: 110px
}

.stx-input-field:focus, .stx-textarea:focus, .stx-dialog-container [type=text]:focus, .stx-dialog-container [type=number]:focus {
    color: #333
}

.stx-input-check {
    margin-left: 0
}

.stx-select {
    padding-top: 3px;
    height: 27px;
    color: #666
}

.stx-select:focus {
    outline: 0
}

.stx-btn, .stx-btn > span {
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.stx-btn {
    padding: 0 8px;
    border: solid 1px #ddd;
    font-weight: bold;
    line-height: 27px;
    color: #7e7e7e;
    text-align: center;
    position: relative;
    overflow: visible;
    background-repeat: no-repeat;
    transition: color .25s, border .25s, box-shadow .25s;
    -webkit-transition: color .25s, border .25s, box-shadow .25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.stx-btn:hover {
    color: #444;
    border: solid 1px #c5c5c5;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -8px 6px rgba(100, 100, 100, .03);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -8px 6px rgba(100, 100, 100, .03);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -8px 6px rgba(100, 100, 100, .03)
}

.stx-btn:active {
    color: #333;
    -webkit-box-shadow: inset 0 8px 6px rgba(100, 100, 100, .03);
    -moz-box-shadow: inset 0 8px 6px rgba(100, 100, 100, .03);
    box-shadow: inset 0 8px 6px rgba(100, 100, 100, .03)
}

.stx-btn.stx-menu-btn {
    padding: 0 28px 0 10px
}

.stx-btn.stx-menu-btn > em {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 27px;
    height: 27px;
    width: 16px;
    background-image: url(/scripts/chartiq/img/stx-sprite.png);
    background-position: -302px -118px;
    border-left: 1px dotted #999;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "alpha(opacity=40)";
    transition: opacity .25s, border .25s;
    -webkit-transition: opacity .25s, border .25s
}

.stx-btn.stx-menu-btn:hover > em {
    border-left: 1px dotted #ccc;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)"
}

.stx-btn.stx-ico, .stx-btn.stx-ico:hover, .stx-btn.stx-ico > span .stx-btn.stx-ico:hover > span, .stx-btn.stx-ico:active > span {
    overflow: hidden;
    padding: 0 !important;
    line-height: 0;
    border: 0;
    background: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.stx-btn.stx-ico {
    width: 27px;
    height: 27px;
    padding: 0
}

.stx-btn.stx-ico > span, .stx-btn.stx-ico:hover > span, .stx-btn.stx-ico:active > span {
    background-color: #999;
    background-image: url(/scripts/chartiq/img/stx-sprite.png);
    background-repeat: no-repeat;
    background-color: rgba(153, 153, 153, .2);
    border: 1px solid transparent;
    width: 17px;
    height: 17px;
    text-indent: 2000px;
    padding: 0;
    margin: 4px;
    transition: color .25s, border .25s, background-color .25s, box-shadow .25s;
    -webkit-transition: color .25s, border .25s, background-color .25s, box-shadow .25s;
    opacity: .7
}

.stx-btn.stx-ico:hover > span {
    background-color: #666;
    background-color: rgba(153, 153, 153, .3);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -8px 6px rgba(100, 100, 100, .03);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -8px 6px rgba(100, 100, 100, .03);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1), inset 0 -8px 6px rgba(100, 100, 100, .03);
    opacity: 1
}

.stx-btn.stx-ico:active > span {
    background-color: #666;
    background-color: rgba(153, 153, 153, .9);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.stx-btn > span.stx-ico-close, .stx-btn > span.stx-ico-close:active {
    background-position: -160px -40px
}

.stx-dialog .stx-btn.stx-ico > span.stx-ico-close, .menuSelect .stx-btn.stx-ico > span.stx-ico-close {
    background-image: url(/scripts/chartiq/img/stx-sprite.png);
    background-color: #fff;
    background-position: -160px -40px;
    border-color: #ddd
}

.stx-dialog .stx-btn.stx-ico.stx-ico:hover > span.stx-ico-close, .menuSelect .stx-btn.stx-ico:hover > span.stx-ico-close {
    border-color: #ccc
}

.stx-dialog .stx-btn.stx-ico.stx-ico:active > span.stx-ico-close, .menuSelect .stx-btn.stx-ico:active > span.stx-ico-close {
    border-color: #ccc;
    -webkit-box-shadow: inset 0 8px 6px rgba(100, 100, 100, .03);
    -moz-box-shadow: inset 0 8px 6px rgba(100, 100, 100, .03);
    box-shadow: inset 0 8px 6px rgba(100, 100, 100, .03)
}

.stx-remove-study, .stx-edit-study {
    background-image: url(/scripts/chartiq/img/stx-sprite.png);
    border-color: #ddd;
    float: right;
    width: 15px;
    height: 15px;
    display: none
}

.stx-remove-study {
    background-position: -160px -40px
}

.stx-edit-study {
    background-position: -200px -40px
}

.stx-color, .stx-border-color {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .6);
    cursor: pointer
}

.stx-color span, .stx-border-color span {
    display: none
}

.stx-color {
    background-color: #000
}

.stxColorDarkChart {
    background-color: #FFF
}

.stx-wrapper {
    display: inline-block;
    width: 840px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

.stx-nav {
    height: 50px
}

.stx-toolbar {
    height: 36px;
    padding: 9px 0 0 0
}

.stx-nav {
    position: relative;
    border: solid 1px;
    background: #5b656b;
    background: -webkit-gradient(linear, left top, left bottom, from(#5b656b), to(#424b50));
    background: -moz-linear-gradient(top, #5b656b, #424b50);
    background: -o-linear-gradient(top, #5b656b, #424b50)
}

.stx-nav .stx-search, .stx-nav .stx-menus {
    display: inline-block;
    margin: 0;
    padding: 0
}

.stx-nav .stx-menus {
    float: right;
    margin-right: 10px
}

.stx-nav .stx-search, .stx-nav #periodBtn, .stx-nav .stx-menus {
    margin-top: 10px
}

.stx-nav .stx-btn.stx-menu-btn, .stx-nav .stx-nav-ico {
    border-color: rgba(153, 153, 153, .4);
    color: #efefef
}

.stx-nav .stx-btn.stx-menu-btn:hover, .stx-nav .stx-nav-ico:hover {
    border-color: rgba(153, 153, 153, .8);
    color: #fff
}

.stx-nav .stx-btn.stx-menu-btn:active {
    color: #fff
}

.stx-nav .stx-btn.stx-menu-btn > em {
    border-left: 1px dotted rgba(153, 153, 153, .5);
    opacity: 1;
    filter: none;
    -ms-filter: none
}

.stx-nav .stx-btn.stx-menu-btn:hover > em {
    border-left: 1px dotted rgba(153, 153, 153, .8)
}

.stx-nav .stx-search {
    margin-left: 15px;
    position: relative
}

input#symbol {
    text-transform: uppercase;
    border-right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.stx-nav .stx-btn {
    margin: 0 6px 0 0
}

.stx-nav .stx-btn.stx-menu-btn {
    width: 80px
}

.stx-nav .stx-btn.stx-menu-btn#periodBtn {
    width: auto;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.stx-nav .stx-btn.stx-menu-btn#cogBtn {
    background-image: url(/scripts/chartiq/img/stx-sprite.png);
    width: 27px;
    padding: 0 20px 0 0;
    background-position: -35px -118px
}

.menuOutline {
    position: absolute;
    top: 31px;
    right: 0;
    width: 126px;
    background: #fff;
    font-weight: normal;
    border: solid 1px #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    z-index: 100
}

.menuSelect > li, .menuSelect > ul > li {
    padding: 2px 16px;
    line-height: 27px;
    margin: 0;
    text-align: left;
    cursor: pointer;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .25s, background-color .25s;
    -webkit-transition: color .25s, background-color .25s
}

.menuSelect > li:first-child, .menuSelect > ul > li:first-child {
    padding: 5px 16px 2px 16px
}

.menuSelect > li:last-child, .menuSelect > ul > li:last-child {
    padding: 2px 16px 5px 16px
}

.menuSelect > li:hover, .menuSelect > ul > li:hover {
    background: #efefef
}

li.stx-menu-divider, .menuSelect li.stx-menu-content, .menuSelect li.stx-heading, li.stxLookupFilter, li.stx-menu-divider:hover, .menuSelect li.stx-menu-content:hover, .menuSelect li.stx-heading:hover, li.stxLookupFilter:hover {
    background: transparent;
    cursor: default;
    white-space: normal
}

li.stx-menu-divider, li.stx-menu-divider:hover, .menuSelect li.stx-menu-divider, .menuSelect li.stx-menu-divider:hover {
    height: 1px;
    padding: 0;
    background: #ccc !important
}

.menuSelect li.stx-menu-content {
    padding: 10px 16px 16px 16px
}

.menuSelect li.stx-menu-content:first-child {
    padding: 16px 16px 16px 16px
}

.menuSelect li.stx-heading, .menuSelect li.stx-heading:first-child, li.stxLookupFilter {
    padding: 10px 1px 5px 16px;
    font-size: 10px;
    text-transform: uppercase;
    line-height: normal;
    color: #999;
    font-weight: bold
}

.menuSelect li.stx-heading, .menuSelect li.stx-heading:first-child {
    padding: 10px 16px 5px 16px
}

.menuSelect li.stx-option {
    position: relative;
    padding-left: 35px
}

.menuSelect li.stx-option .stx-checkbox, .menuSelect li.stx-option .stx-checkbox.false {
    position: absolute;
    left: 14px;
    top: 8px;
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    text-indent: -1000px;
    overflow: hidden;
    background-image: url(/scripts/chartiq/img/stx-sprite.png);
    background-position: -142px -122px
}

.menuSelect li.stx-option .stx-checkbox.true {
    background-position: -182px -122px
}

.menuSelect ul.col {
    float: left;
    cursor: default;
    width: 201px;
    border-top: 0;
    border-right: 1px solid #efefef;
    padding-left: 0;
    font-size: 12px
}

#studyDialog {
    z-index: 99999999
}

.menuSelect ul.col:last-child {
    border-right: 0
}

.menuSelect ul.col li {
    padding: 2px 16px 2px 16px
}

.menuSelect ul.col li:first-child {
    padding: 5px 16px 2px 16px
}

.menuSelect ul.col li:last-child {
    padding: 2px 16px 5px 16px
}

.menuSelect .stx-btn {
    font-size: 11px;
    margin: 0
}

.injected .stx-btn {
    float: right;
    margin: 0
}

.injected li {
    clear: both;
    border-top: 1px dotted #ccc
}

.injected li.stx-menu-content:last-child {
    padding-top: 5px
}

.injected a.stxItem {
    color: #666;
    display: inline-block;
    width: 110px;
    float: left;
    line-height: 29px;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 0
}

.injected a.stxItem:hover {
    color: #333;
    border-bottom: 0
}

.stxLookupResults {
    right: auto;
    left: 0;
    width: 400px
}

.stxLookupResults ul, .stxLookupResults li {
    overflow: hidden
}

.stxLookupResults li.divider {
    border-top: solid 1px #efefef
}

.stxResults {
    right: auto;
    left: 0;
    width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2)
}

.stxResults li {
    font-size: 11px;
    line-height: 0;
    clear: both
}

.stxResults li.stxLookupFilter .stx-btn {
    padding: 0;
    line-height: 18px;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    border-color: #efefef;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis
}

.stxResults li.stxLookupFilter .stx-btn:hover {
    border-color: #ccc;
    color: #666
}

.stxResults li.stxLookupFilter .stx-btn:first-child {
    width: 35px
}

.stxResults li.stxLookupFilter .stx-btn.on, .stxResults li.stxLookupFilter .stx-btn.on:hover {
    background: #999;
    color: #fff;
    border-color: #999;
    text-shadow: 0 1px 0 #666;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    cursor: default
}

.stxResults span {
    line-height: 27px;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.stxLookupSymbols li span:nth-of-type(1) {
    color: #333;
    font-weight: bold;
    min-width: 55px;
    float: left;
    padding-right: 10px
}

.stxLookupSymbols li span:nth-of-type(2) {
    width: 200px;
    float: left
}

.stxLookupSymbols li span:nth-of-type(3) {
    color: #333;
    font-size: 10px;
    min-width: 40px;
    float: right;
    text-align: right
}

.menuSelect.periodicity {
    right: auto;
    left: 0
}

.menuSelect.studies {
    width: 404px;
    overflow: hidden
}

.stx-basic .menuSelect.studies {
    width: 118px
}

.menuSelect.studies > ul > li {
    line-height: 24px
}

.menuSelect.cog {
    width: 180px
}

.menuSelect.cog .stx-btn.theme {
    display: block;
    float: none;
    clear: both
}

.menuSelect.cog li.stx-menu-content {
    padding: 0
}

.menuSelect.cog .injected li.stx-heading {
    border-top: 0;
    padding-bottom: 10px
}

.menuSelect.cog li.stx-menu-content:last-child {
    padding: 10px 16px 16px
}

.menuSelect.cog li.themeSelectorTemplate {
    margin: 0 16px
}

.stxBodyOverlay, .stxDialogOverlay {
    position: absolute;
    width: 99%;
    height: 100%;
    top: 0;
    overflow: hidden;
    display: none;
    background: rgba(255, 255, 255, 0)
}

.stxDialogOverlay {
    background: rgba(24, 27, 28, .7)
}

.stxDialogOverlay {
    z-index: 200
}

.stx-dialog-container {
    z-index: 201
}

.stxBodyOverlay {
    z-index: 202
}

.ciqColorPicker {
    z-index: 205
}

.stxMenu {
    z-index: 203
}

.stx-nav {
    z-index: 204
}

.stx-toolbar {
    position: relative;
    display: block;
    border-right: solid 1px;
    border-left: solid 1px;
    text-align: center
}

.stx-toolbar div {
    display: inline-block
}

ul.hu {
    width: 225px;
    float: right;
    margin-right: 10px;
    text-align: left
}

ul.hu li {
    float: left;
    width: 79px;
    font-size: 11px
}

.huLabel {
    display: inline-block;
    margin-right: 5px;
    width: 15px;
    color: #b2b2b2
}

.huField {
    display: inline-block;
    width: 55px
}

.stx-toolbar .drawOptions {
    width: auto;
    float: left;
    margin-left: 6px
}

.stx-toolbar .drawing.false {
    display: none
}

.stx-toolbar div.stx-btn, .stx-toolbar div.stx-color {
    float: left;
    margin-left: 6px
}

.stx-toolbar .stx-btn {
    border: solid 1px;
    font-size: 11px;
    font-weight: normal;
    height: 27px;
    border: solid 1px #ddd
}

.stx-toolbar .menuSelect.draw {
    left: 0
}

.stx-toolbar .menuSelect li {
    font-size: 12px
}

.stx-toolbar .menuSelect.stx-line-style-menu li:last-child {
    padding: 2px 10px 5px
}

.stx-toolbar .stx-btn.stx-menu-btn.drawBtn {
    width: 62px;
    text-align: left
}

.stx-toolbar .stx-heading {
    float: left;
    line-height: 27px;
    font-size: 10px;
    text-transform: uppercase;
    color: #999
}

.stx-annotation-italic {
    font-style: italic
}

.stx-annotation-bold {
    font-weight: bold
}

.stx-drawing {
    float: left
}

.stx-drawing .stx-draw-settings {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    border-left: dotted 1px #ddd
}

.stx-drawing .stx-draw-settings:first-child {
    margin: 0 0 0 10px
}

.stx-drawing .stx-color {
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    position: relative;
    width: 19px;
    margin: 5px
}

.stx-drawing .stx-color span {
    display: none
}

.stx-drawing span.stx-line {
    display: block;
    width: 30px;
    height: 0;
    padding: 0;
    margin: 13px -4px 0 -4px;
    text-indent: -9999px;
    border-top: 1px solid #666;
    border-radius: 0
}

.stx-drawing .stx-checkbox, .stx-drawing .stx-checkbox.false {
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    margin: 5px 0 0 5px;
    overflow: hidden;
    background-image: url(/scripts/chartiq/img/stx-sprite.png);
    background-position: -142px -122px
}

.stx-drawing .stx-checkbox.true {
    background-position: -182px -122px
}

.menuSelect.stx-drawing-style-menu {
    width: 120px
}

.menuSelect.stx-line-style-menu {
    width: 60px
}

.menuSelect.stx-annotation-size-menu {
    width: 60px
}

.menuSelect.stx-annotation-family-menu {
    width: 140px
}

.menuSelect.stx-line-style-menu li.stxToolbarNone {
    text-align: center
}

.menuSelect li span.stx-line {
    width: auto;
    margin: 8px -8px 8px -8px;
    border-top-color: #666
}

.stx-btn .stx-line.style1.weight3, .stx-btn .stx-line.style2.weight3 {
    margin-bottom: 12px
}

.stx-btn .stx-line.style2.weight1, .stx-btn .stx-line.style3.weight1 {
    margin-top: 12px
}

.stx-btn .stx-line.style1 {
    border-top-style: solid
}

.stx-btn .stx-line.style2 {
    border-top-style: dotted
}

.stx-btn .stx-line.style3 {
    border-top-style: dashed
}

.stx-btn .stx-line.weight0 {
    border-top-width: 0
}

.stx-btn .stx-line.weight1 {
    border-top-width: 1px
}

.stx-btn .stx-line.weight3 {
    border-top-width: 2px
}

.stx-btn .stx-line.weight5 {
    border-top-width: 3px
}

.currentMeasure {
    text-align: left;
    display: inline-block;
    margin: 4px 0 0 20px;
    height: 20px;
    line-height: 20px
}

#mMeasure {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px
}

.stx-dialog-container {
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    position: absolute
}

.stx-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: left;
    margin: -100px -100px 0 0;
    padding: 25px 30px;
    width: 200px;
    border: solid 1px #ccc;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .5)
}

.stx-dialog .stx-btn {
    font-size: 11px
}

.stx-dialog h4 {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    margin: 0 30px 5px 0
}

.stx-dialog .stx-btn.stx-ico, .stx-dialog .stx-btn.stx-ico:hover {
    position: absolute;
    top: 3px;
    right: 3px;
    margin: 0
}

.stx-dialog div.stx-heading, .stx-dialog div.stx-data {
    display: inline-block;
    min-height: 24px;
    color: #666;
    margin-bottom: 10px
}

.stx-dialog div.stx-heading {
    width: 120px;
    text-transform: capitalize;
    vertical-align: middle
}

.stx-dialog div.stx-data {
    display: inline-block;
    float: right;
    width: 75px
}

.stx-dialog .stx-color, .stx-dialog .stx-border-color {
    float: right;
    margin-left: 4px
}

.stx-dialog hr {
    border: 0;
    height: 2px;
    color: #ccc;
    background: #ccc;
    margin: 4px 0 8px 0;
    padding: 0
}

.stx-dialog #inputs, .stx-dialog #outputs {
    clear: both
}

.stx-dialog #inputs {
    border-top: dotted 2px #ccc;
    margin: 8px 0 0 0;
    padding: 8px 0 4px 0
}

.stx-dialog #outputs {
    border-bottom: dotted 2px #ccc;
    margin: 0 0 15px 0;
    padding: 0 0 8px 0
}

.stx-dialog .inputTemplate, .stx-dialog .outputTemplate {
    clear: both;
    border-bottom: #ddd 1px solid;
    padding: 5px 0 0 0
}

.stx-dialog .inputTemplate:last-child, .stx-dialog .outputTemplate:last-child {
    border: 0
}

.stx-dialog .outputTemplate div.stx-heading {
    width: 130px
}

.stx-dialog div.stx-data input[type="number"], .stx-dialog div.stx-data input[type="text"] {
    float: right;
    width: 58px;
    margin: 1px 0 0 0
}

.stx-dialog div.stx-data select {
    float: right;
    text-align: left;
    width: 70px;
    margin: 2px 0 0 0
}

.stx-dialog #parameters .outputTemplate div.stx-heading {
    width: 120px
}

.stx-dialog #parameters div.stx-data {
    width: 70px
}

.stx-dialog #parameters input {
    float: none
}

.stx-dialog #parameters .stx-color {
    float: right
}

.stx-dialog#themeDialog {
    width: 460px
}

.stx-dialog .settings {
    border-top: dotted 2px #ccc;
    border-bottom: dotted 2px #ccc;
    margin: 8px 0 22px 0;
    padding: 15px 0 25px 0
}

.stx-dialog ul {
    width: 200px;
    display: inline-block
}

.stx-dialog ul:last-child {
    width: 220px;
    margin-left: 14px;
    border-left: dotted 1px #ddd
}

.stx-dialog ul:first-child {
    float: left
}

.stx-dialog ul:last-child li {
    margin-left: 20px
}

.stx-dialog ul:last-child li:last-child {
    margin-bottom: 22px
}

.stx-dialog li {
    width: auto;
    clear: both;
    border-top: #ddd 1px solid;
    padding: 8px 0 0 0
}

.stx-dialog li.stx-heading {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
    padding: 5px 0 10px 0;
    border: 0
}

.stx-dialog li div.stx-data {
    margin-bottom: 5px
}

.stx-dialog .themeName {
    display: inline-block;
    padding: 10px 10px 5px 0;
    font-size: 10px;
    text-transform: uppercase;
    line-height: normal;
    color: #999;
    font-weight: bold
}

.stx-dialog#themeDialog input[type="text"] {
    width: 225px;
    margin: 0 4px 0 0
}

#timezoneDialog {
    text-align: center;
    width: 375px
}

#timezoneDialog ul {
    width: 365px;
    text-align: left;
    border-left: 0 none;
    margin-left: 0
}

#timezoneDialog ul li, #timezoneDialog ul li:last-child {
    margin-left: 0;
    padding: 8px 0
}

#timezoneDialog .title {
    margin: 0 auto
}

#timezoneDialogWrapper {
    border-bottom: solid #CCC 1px
}

#timezoneDialog .detect {
    margin: 20px auto
}

#timezoneDialog .detect .stx-btn {
    line-height: 35px;
    height: 35px;
    padding: 0 30px;
    font-size: 12px;
    color: #666
}

#timezoneDialog .instruct {
    margin: 10px auto 0;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-style: italic;
    color: #999
}

#timezoneDialog li:hover {
    background-color: #F0F0F0
}

.ciqColorPicker {
    position: absolute;
    background: #FFF;
    width: 180px;
    margin: 20px 0 0 0;
    padding: 10px 5px 5px 10px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5)
}

.ciqColorPicker ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    zoom: 1
}

.ciqColorPicker ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both
}

.ciqColorPicker ul li {
    float: left;
    margin: 0 5px 5px 0
}

.ciqColorPicker ul li a {
    display: block;
    width: 13px;
    height: 13px;
    text-decoration: none;
    text-indent: -100000px;
    outline: 0;
    border: 1px solid #aaa
}

.ciqColorPicker ul li a:hover {
    border-color: #000
}

@media (max-width: 768px) {
    .stx-wrapper {
        display: inline-block;
        width: 700px;
        margin: 0 auto;
        text-align: left;
        position: relative
    }
}

.Light .stx-tooltip div, .Light .stx-tooltip span {
    background: #000;
    color: #fff
}

.Light .stx-nav {
    border-color: #ddd
}

.Light .stx-toolbar {
    background: #fdfdfd;
    border-color: #ddd
}

.Light .huLabel {
    color: #b2b2b2
}

.Light .huField {
    color: #666
}

.Light .stx-toolbar .stx-btn {
    background: #fff;
    border: solid 1px #ddd;
    color: #7e7e7e
}

.Light .stx-toolbar .stx-btn:hover {
    color: #444;
    border: solid 1px #c5c5c5
}

.Light .stx-toolbar .stx-btn.active {
    background-color: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .2)
}

.Light .stx-toolbar .stx-btn:active {
    color: #333
}

.Light .stx-toolbar .stx-btn.stx-menu-btn > em {
    border-left: 1px dotted #999
}

.Light .stx-toolbar .stx-btn.stx-menu-btn:hover > em {
    border-left: 1px dotted #ccc
}

.Light .stx-drawing .stx-draw-settings {
    border-left: dotted 1px #ddd
}

.Light .stx-drawing .stx-color {
    outline: 0
}

.Light .stx-drawing span.stx-line {
    border-color: #666
}

.Light .stx-line-style-menu span.stx-line {
    border-color: #666
}

.Light .measureUnlit {
    color: #666
}

.Light .measureLit {
    color: #000
}

.Light .chartContainer {
    background: #fff;
    border-color: #ddd
}

.Light .stx-btn-panel > span.stx-ico-up {
    background-position: -150px -25px
}

.Light .stx-btn-panel > span.stx-ico-down {
    background-position: -200px -25px
}

.Light .stx-btn-panel > span.stx-ico-close {
    background-position: -250px -25px
}

.Light .stx-btn-panel > span.stx-ico-edit {
    background-position: -300px -25px
}

.Light .stx-btn-panel > span.stx-ico-focus {
    background-position: -350px -25px
}

.Light #chartSize {
    background: rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2)
}

.Light #chartSize:after {
    background: rgba(0, 0, 0, .2)
}

.Light #chartSize .stx-zoom-out {
    background-position: -45px -25px
}

.Light #chartSize .stx-zoom-in {
    background-position: -95px -25px
}

.Light .stx-panel-title {
    background-color: #999;
    color: #fff
}

.Light .stx-float-date {
    background-color: #333;
    color: #fff
}

.Light .stx-float-price {
    color: #fff;
    background-color: #333
}

.Light .stx_xaxis {
    color: #666
}

.Light .stx_xaxis_dark {
    color: #444
}

.Light .stx_yaxis {
    color: #333
}

.Light .stx_crosshair {
    background-color: rgba(0, 0, 0, .3)
}

.Light .stx_crosshair_drawing {
    background-color: rgba(0, 0, 0, .9)
}

.Light .stx_panel_border {
    color: #ccc
}

.Light .stx_panel_drag {
    color: #666
}

.Light .stx_grid {
    color: #efefef;
    opacity: .8
}

.Light .stx_grid_dark {
    color: #ccc;
    opacity: .9
}

.Light .stx_line_chart, .Light .stx_bar_chart {
    color: #000
}

.Light .stx_candle_shadow, .Light .stx_bar_even {
    color: #2e383b
}

.Light .stx_candle_down, .Light .stx_line_down {
    border-left-color: #000
}

.Light .stx_candle_up, .Light .stx_line_up {
    border-left-color: #000
}

.Light .stx_baseline {
    color: #2e383b
}

.Light .stx_volume_underlay_up {
    color: #8cc176;
    opacity: .2;
    border-left-color: #000
}

.Light .stx_volume_underlay_down {
    color: #b82d0c;
    opacity: .2;
    border-left-color: #000
}

.Light .stx_volume_profile {
    color: #b64a96;
    opacity: .3;
    border-color: #000
}

.Light .stx_hollow_candle_even {
    color: #888
}

.Light .stx_projection {
    color: black
}

.Light .stx_histogram {
    color: #000;
    opacity: .2
}

.Dark .stx-tooltip div, .Dark .stx-tooltip span {
    background: #fff;
    color: #000
}

.Dark .stx-nav {
    border-color: #333
}

.Dark .stx-toolbar {
    background: #111;
    border-color: #333
}

.Dark .huLabel {
    color: #999
}

.Dark .huField {
    color: #efefef
}

.Dark .stx-toolbar .stx-btn {
    background: #1f1f1f;
    border: solid 1px #414141;
    color: #ccc
}

.Dark .stx-toolbar .stx-btn:hover {
    color: #efefef;
    border: solid 1px #666
}

.Dark .stx-toolbar .stx-btn.active {
    background-color: rgba(255, 255, 255, .3);
    border-color: rgba(255, 255, 255, .4)
}

.Dark .stx-toolbar .stx-btn:active {
    color: #fff
}

.Dark .stx-toolbar div.btn.menu > em {
    border-left: 1px dotted #999
}

.Dark .stx-toolbar div.btn.menu:hover > em {
    border-left: 1px dotted #999
}

.Dark .stx-drawing .stx-draw-settings {
    border-left: dotted 1px #414141
}

.Dark .stx-drawing .color {
    outline: 1px solid rgba(255, 255, 255, .2)
}

.Dark .stx-drawing span.stx-line {
    border-color: #efefef
}

.Dark .stx-line-style-menu span.stx-line {
    border-color: #666
}

.Dark .measureUnlit {
    color: #cbcccd
}

.Dark .measureLit {
    color: #fff
}

.Dark .chartContainer {
    background: #000;
    border-color: #333
}

.Dark .stx-btn-panel > span.stx-ico-up {
    background-position: -150px -50px
}

.Dark .stx-btn-panel > span.stx-ico-down {
    background-position: -200px -50px
}

.Dark .stx-btn-panel > span.stx-ico-close {
    background-position: -250px -50px
}

.Dark .stx-btn-panel > span.stx-ico-edit {
    background-position: -300px -50px
}

.Dark .stx-btn-panel > span.stx-ico-focus {
    background-position: -350px -50px
}

.Dark #chartSize {
    background: rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .4)
}

.Dark #chartSize:after {
    background: rgba(255, 255, 255, .2)
}

.Dark #chartSize .stx-zoom-out {
    background-position: -45px -50px
}

.Dark #chartSize .stx-zoom-in {
    background-position: -95px -50px
}

.Dark .stx-panel-title {
    background-color: #7e7e7e;
    color: #fff
}

.Dark .stx-float-date {
    background-color: #fff;
    color: #333
}

.Dark .stx-float-price {
    color: #333;
    background-color: #fff
}

.Dark .stx_xaxis {
    color: #efefef
}

.Dark .stx_xaxis_dark {
    color: #fff
}

.Dark .stx_yaxis {
    color: #efefef
}

.Dark .stx_crosshair {
    background-color: rgba(255, 255, 255, .4)
}

.Dark .stx_crosshair_drawing {
    background-color: rgba(255, 255, 255, .9)
}

.Dark .stx_panel_border {
    color: #666
}

.Dark .stx_panel_drag {
    color: #ccc
}

.Dark .stx_grid {
    color: #343434;
    opacity: .8
}

.Dark .stx_grid_dark {
    color: #656565;
    opacity: .8
}

.Dark .stx_line_chart, .Dark .stx_bar_chart {
    color: #fff
}

.Dark .stx_candle_shadow, .Dark .stx_bar_even {
    color: #ccc
}

.Dark .stx_candle_down, .Dark .stx_line_down {
    border-left-color: #e34621
}

.Dark .stx_candle_up, .Dark .stx_line_up {
    border-left-color: #b8dea8
}

.Dark .stx_hollow_candle_even {
    color: #ccc
}

.Dark .stx_baseline {
    color: #ccc
}

.Dark .stx_volume_underlay_up {
    color: #8cc176;
    opacity: .4;
    border-left-color: #94c97e
}

.Dark .stx_volume_underlay_down {
    color: #b82d0c;
    opacity: .4;
    border-left-color: #f26746
}

.Dark .stx_volume_profile {
    color: #b64a96;
    opacity: .3;
    border-color: #fff
}

.Dark .stx_projection {
    color: #FFF
}

.Dark .stx_histogram {
    color: #fff;
    opacity: .3
}

.stx-close-overlay {
    font-family: "Helvetica";
    font-size: 10px;
    position: absolute;
    z-index: 4;
    margin-top: 11px
}

.stx-close-overlay span, .Light .stx-close-overlay span {
    background-position: -160px -40px;
    background-image: url(/scripts/chartiq/img/stx-sprite.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 14px;
    height: 14px
}

.Dark .stx-close-overlay span {
    background-position: -160px -80px
}

p.attribution {
    position: absolute;
    left: 10px;
    bottom: 25px;
    margin: 0;
    font-size: 10px;
    z-index: 300;
    padding: 0 5px
}

p.attribution span {
    display: none
}

p.attribution.xignite span.xignite {
    display: inline-block
}

p.attribution.real-time span.real-time {
    display: inline-block
}

p.attribution.delayed span.delayed {
    display: inline-block
}

p.attribution.random span.random {
    display: inline-block
}

p.attribution.bats span.bats {
    display: inline-block
}

p.attribution.eod span.eod {
    display: inline-block
}

.Light p.attribution {
    color: rgba(0, 0, 0, .4)
}

.Dark p.attribution {
    color: rgba(255, 255, 255, .4)
}

p.attribution a {
    text-decoration: none
}

.Light p.attribution a {
    color: #000
}

.Dark p.attribution a {
    color: #fff
}

.Light p.attribution span {
    background: rgba(250, 250, 250, .9)
}

.Dark p.attribution span {
    background: rgba(0, 0, 0, .5)
}

.iScrollIndicator {
    background-color: rgba(0, 0, 0, 0.2)
}

.Light .iScrollIndicator {
    background-color: rgba(0, 0, 0, 0.2)
}

.Dark .iScrollIndicator {
    background-color: rgba(255, 255, 255, 0.3)
}