@font-face {
    font-family: 'startBnt';     
      src: url('../fonts/gothic/century_gothic.eot');
      src: url('../fonts/gothic/century_gothic.eot?#iefix') format('embedded-opentype'),
          url('../fonts/gothic/century_gothic.woff') format('woff'),
          url('../fonts/gothic/century_gothic.ttf') format('truetype'),
          url('../fonts/gothic/century_gothic.svg#ArialMT') format('svg');
}
body {
    overflow: hidden;
	font-family: arial;
    margin: 0px;
    font-size: 16px;
}
#main_cont{
        opacity: 0;
}
#main_cont {
    height: 600px;
    width: 800px;
    background-color: #444;
    border: 1px solid #000;
    position: relative;
   
}

#y_label,
#x_label {
    position: absolute;
    width: 250px;
    height: 40px;
    text-align: center;
    color: #cecece;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transform-origin: 50% 50%;
}
#y_label {
    transform: rotate(-90deg);
    left: -97px;
    top: -110px;
    right: auto;
    color: #cecece;
}
#x_label {
    left: 60px;
    bottom: 65px;
    top: auto;
}
#y_label>span.symbol,
#x_label>span.symbol {
    font-family: "serif";
}
#header{
      width: 100%;
      height: 32px;
	  background-color: #dcdcdc;
}
@-webkit-keyframes blur {
    0%, 100%  { -webkit-filter: blur(0px); }
    50% { -webkit-filter: blur(10px); }
} 
.view{
    position:absolute;
    left: 30px;
    margin-top:0px;
    width:100%;
    height:565px;
    border-left:none;
}
.mass_div{
	width: 610px;
    height: 60px;
    border: 0px solid red;
    position: absolute;
    top: 495px;
    left: 90px;
}
.slider-vertical{
   height: 4px !important;
    width: 558px !important;
    position: absolute !important;
    top: 25px !important;
    left: 22px !important;
    background: #ddd ! important;
    border-radius: 40px;
    box-shadow: -1px 0px 0px 0px #000;
}
*:focus{outline:none;}
.slider1{width:32px !important; font-size:11px !important;display:inline-block; height:15px !important; background:#000 !important;margin-left:16px !important;text-align:center;color:#fff!important;border-radius:0px !important;display:none;}
.slider-vertical>.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
      border: 0px solid #d3d3d3;
}
.ui-slider-vertical {
    width: .6em;
    height: 100px;
}
.slider-vertical>span.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 2px solid #d3d3d3;
    font-weight: normal;
    color: #555555;
    height: 9px;
    width: 9px;
    background-color: #fff;
    border-radius: 40px;
    cursor:pointer;
    margin: -3px;
    margin-top: 1px;
	border:1px solid;	
	opacity:1;
	z-index:1;
} 
#slider-vertical1>span.ui-slider-handle:hover{
	background-color: darkgrey;
}
#captionDiv{
	position: absolute;
    color: #0099ff;
    font-size: 20px;
    left: 290px;
    top: 488px;
}
.graphLine{
	background-color:#bbccdd;
	opacity:0.8;
	position:absolute;
}
#graphLine1{
	height: 435px;
    width: 5px;
    top: 10px;
    left: 24px;
}
#graphLine2{
	height: 6px;
    width: 712px;
    left: 26px;
    top: 439px;
} 
#graph, #graph1{
	position:absolute;top:0px;
	/*border:1px solid #0099ff;*/
	left: 0px;width:758px;height:470px;
}
#graph1{
	left:1px;
}
#graphAlike{
	position:absolute;top:0px;
	left: 0px;width:798px;height:470px;
}