@media screen and (max-width: 100000px){
    .data-labels { height:30px; padding-top: 9px;  }
    .data-labels div { line-height: 14px; float: left; color: #fff; font-family: neo-sans; text-align: center; font-size: 14px; }
    .one-row { /*padding-top: 7px;*/ } 

    .data-scroll {  margin-top: 7px; padding:0; overflow: auto; width:100%; border-top:1px solid #728EDC; border-bottom:1px solid #728EDC; /*background-color:#305ACD; opacity:0.8*/ }


    .data-row { padding:0; height: 17px;  color: #fff; opacity: 1; text-align: center; font-family: neo-sans;}
    .data-row div { height: 17px; float: left; position: relative }
    .data-row div span { position: absolute;
                         display: block; top: -3px;
                         text-align: right;
                         text-overflow: ellipsis; white-space: nowrap;  right:0;  }

    div.banner {width: 100%;  height: 22px; padding-top: 7px; }
    a.registerBannerLink { font-size:15px;  color: #fff;  font-family: neo-sans; text-decoration: none; margin-left: 246px }

    #banner-bl {
        background-image: url('table-images/mini-arrow.gif');
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 20px;
    }


    .grind{ width: 11%; position: relative; height:100%; }
    .data{ width: 10.5%;  } .data span { margin-right: 8px; }
    .signals{ width: 10%; } .signals span { margin-right: 8px; }
    .ocprice{ width:12%; color: #FF6600; }  .ocprice span { margin-right: 15px;  }
    .icv{ width:11%; } .icv span { margin-right: 10px; }
    .cnfidence{ width:10%; } .cnfidence span { margin-right: 18px; }
    .remaks{ width:12%; } .remaks span {  }
    .profit{ width:9.5%; } .profit span {  }
    .aprofit{ width:13%; } .aprofit span { margin-right: 10px; }
    span.clabel { position: absolute; width:100%; height: 100%; margin-right: 20px; } 



    /* Data Rows Top Bottom Borders */
    .data-row-start { border-bottom: 1px solid #2C4FBE; }
    .data-row-open  { border-top: 1px solid #728EDC; border-bottom: 1px solid #2C4FBE; }
    .data-row-hold  { border-bottom: 1px solid #2C4FBE}
    .data-row-close { border-bottom: 1px solid #728EDC; }
    .hidden-row { display: none; }

    .grind_long { float:left; background-image: url('table-images/green-gradient.png'); background-size: 100% 105%; background-repeat: no-repeat; width: 30%; height:100% }
    .grind_short { float:left; background-image: url('table-images/red-gradient.png'); background-size: 100% 105%; background-repeat: no-repeat; width: 30%; height:100% }
    .grind_green{ background-color: #00CC00; width: 70%; height: 100%; float: left; }
    .grind_red { background-color: #CC0000; width: 70%; height: 100%; float: left; }
    .signal_long { color: #00CC00; }
    .signal_short { color: #CC0000; }
    .signal_default { color: #fff; }

    /* Changing parameters */
    .data-scroll { height: 89px; }

    .forusers { height: 125px; }
    .data-labels div { font-size: 12px;	}
    .data-row div { font-size: 12px; }
    .data-row { height: 17px; }	
    .highlight-row { background-color: rgba(255, 255, 255, 0.2);  }
    div.tickLabel {
        line-height: 13px;
        color: white;
        font-family: tahoma;
        font-size: 10px;
    }
}

@media screen and (max-width: 1100px){
    .data-labels div { font-size: 12px;	}
    .data-row div  { font-size: 12px; }
    .data-row { height: 17px; }	
    div.banner {width: 100%;   }
    a.registerBannerLink { margin-left: 0; text-align:center;  }

}

@media screen and (max-width: 950px){
    .data-labels div { font-size: 10px;	}
    .data-row div { font-size: 10px; }
    .data-row { height: 17px; }	

}

@media screen and (max-width: 800px){
    .data-labels div { font-size: 11px;	}
    .data-row div { font-size: 11px; }
    .data-row { height: 17px; }
    div.banner {  padding-top: 6px; }

}


@media screen and (max-width: 600px){
    .data-scroll { height: 58px; }
    .forusers { height: 75px; }
    .data-labels { height:14px; padding-top:0; }
    .data-labels div { font-size: 7px; line-height:9px; font-weight: normal;	}
    .data-row div { font-size: 8px; height:14px; }
    .one-row { padding-top: 5px; }
    .data-row span {  display: block; margin-top: -2px;}
    .data-row { height: 14px; }	
    .grind { height:14px; }
    div.banner {  padding-top: 2px; }
    a.registerBannerLink {font-size: 10px; color: #fff;  font-family: neo-sans; text-decoration: none;  margin-top:-5px; }
    /* Graphic Details */
    div.tickLabel { color: white; font-family: tahoma; font-size: 7px;  line-height: 7px; }
    span.clabel { position: absolute; width:50%; height: 100%; } 
}

@media screen and (max-width: 480px){
    .grind{ width: 11%; position: relative; height:100%; }
    .data{ width: 10.5%;  } .data span { margin-right: 0px; }
    .signals{ width: 10%; } .signals span { margin-right: 0px; }
    .ocprice{ width:12%; color: orange; }  .ocprice span { margin-right: 0px;  }
    .icv{ width:11%; } .icv span { margin-right: 0px; }
    .cnfidence{ width:10%; } .cnfidence span { margin-right: 0px; }
    .remaks{ width:12%; } .remaks span {  }
    .profit{ width:9.5%; } .profit span {  }
    .aprofit{ width:13%; } .aprofit span { margin-right: 0px; }
    span.clabel { position: absolute; width:100%; height: 100%; margin-right: 20px; }
    div.banner {  padding: 0; }

    .data-labels div { font-size: 7px; line-height:9px; font-weight: normal;	}
    .data-row div { font-size: 6px; height:14px; }
    span.clabel { position: absolute; width:20%; height: 100%; } 
}

@media screen and (max-width: 360px) {
    .data-labels {  padding-top:7px;  }
    .data-row div span { top:0; }
    .grind{ width: 9%; position: relative; height:100%; }
    .forusers { margin-top:8px }
    div.banner { padding: 0; margin-top:-3px }
    .one-row { padding-top: 0px; }
}