body{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	overflow:hidden; margin:0px;
}
#main_cont {
    height: 600px;
    width: 800px;
    background-color: #444444;
    border: 1px solid #000;
    position: relative;    
}
#container{
    position:absolute;
    left: 0px;
    top: 0px;    
    width: 800px;
    height: 658px;
 }
 #headerDiv{
	 position: absolute; 
	 left: 0px; 
	 top: 0px; 
	 height: 30px; 
	 width: 798px;
	  background-color: #DEDEDE;
   font-size: 12px;
    font-weight: bold;
	font-family:Arial;
	z-index:1;
	border:1px solid #808080;
 }
 .btnDiv{
	 height: 15px;
    width: 60px;
    border: 1px solid #3C3C3C;
    background-color: #F3F3F3;
    float: right;
    font-size: 10px;
    border-radius: 2px;
    text-align: center;
    padding-top: 4px;
    margin: 4px;
}
.btnDiv:hover{
	background-color:#ADAEAE;
	cursor:default;
}

#fileDiv{
	opacity:0;
	position: absolute;
    left: 658px;
}

 #blank1 {
	 height: 30px;
	 background-color:#DEDEDE;
}
#popupDiv{
	display:none;
	position:absolute;
	height:200px;
	width:400px;
	z-index:1;
	left:17px;
	top:17px;
}
#closeBtn{
	float:right;
	border: 1px solid transparent;
    padding-right: 2px;
    padding-left: 2px;
	margin-top: -3px;
}
#closeBtn:hover{
	border: 1px solid #000;
	cursor:default;
}
#menu{
	height: 11px;
   /* // background-color: #DEDEDE; */
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    border: 1px solid #808080;
	 background-color: #DEDEDE; background-image: -webkit-gradient(linear, left top, left bottom, from(#DEDEDE), to(#909090));
	 background-image: -webkit-linear-gradient(top, #DEDEDE, #909090);
	 background-image: -moz-linear-gradient(top, #DEDEDE, #909090);
	 background-image: -ms-linear-gradient(top, #DEDEDE, #909090);
	 background-image: -o-linear-gradient(top, #DEDEDE, #909090);
	 background-image: linear-gradient(to bottom, #DEDEDE, #909090);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DEDEDE, endColorstr=#909090);
}
#containerDiv{
	height: 110px;
	background-color:#444444;
}

/* //slider */

.mass_div{
	border: 0px solid red;
    position: absolute;
    font-size: 14px;
    color: #FFF;
	 font-family: Arial;
}
.slider-vertical{
   height: 4px !important;
    width: 240px !important;
    position: absolute !important;
    background: #ddd ! important;
    border-radius: 40px;
    top: 8px !important;
    left: 18px !important;
}
*: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: 8px;
    width: 8px;
    background-color: #FFF;
    border-radius: 40px;
    cursor: pointer;
    margin: 0px;
    margin-top: 1px;
    border: 1px solid;
    opacity: 1;
    z-index: 1;
    margin-left: -0.4em;
} 
#slider-vertical1>span.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	box-shadow: 0px 0px 2px 1px indianred;
} 
#slider-vertical2>span.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	box-shadow: 0px 0px 2px 1px #1E571E;
} 
#slider-vertical3>span.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	box-shadow: 0px 0px 2px 1px #2F2F7B;
} 
#slider-vertical1>span.ui-slider-handle:hover{
	background-color: darkgray;
}
#slider-vertical1{
	-webkit-box-shadow: 1px 0px 3px 1px indianred;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    1px 0px 3px 1px indianred; /* Firefox 3.5 - 3.6 */
	box-shadow:         1px 0px 3px 1px indianred; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#slider-vertical2{
	-webkit-box-shadow: 1px 0px 3px 1px #1E571E;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    1px 0px 3px 1px #1E571E; /* Firefox 3.5 - 3.6 */
	box-shadow:         1px 0px 3px 1px #1E571E; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#slider-vertical3{
	-webkit-box-shadow: 1px 0px 3px 1px #2F2F7B;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    1px 0px 3px 1px #2F2F7B; /* Firefox 3.5 - 3.6 */
	box-shadow:         1px 0px 3px 1px #2F2F7B; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#mass_div1{
	top: 50px;
    left: 5px;
	text-shadow: 2px 2px 5px red;
}
#mass_div2{
	top: 78px;
    left: 5px;
	text-shadow: 2px 2px 5px #1E571E; 
}#mass_div3{
	top: 106px;
    left: 5px;
	text-shadow: 2px 2px 5px #2F2F7B;
}

.textbox{
	height: 15px;
	width: 86px;
	position:absolute;
	left: 273px;
}
#sld1{
	top: 48px;
	box-shadow: 0 0 0px indianred;
	border:1px solid indianred;
}
#sld1:focus{
	box-shadow: 0 0 5px indianred;
}
#sld2{
	top: 76px;
	box-shadow: 0 0 0px #1E571E; 
	border:1px solid #1E571E; 
}
#sld2:focus{
	box-shadow: 0 0 5px #1E571E; 
}
#sld3{
	top: 105px;
	box-shadow: 0 0 0px #2F2F7B; 
	border:1px solid #2F2F7B; 
}
#sld3:focus{
	box-shadow: 0 0 5px #2F2F7B; 
}
#mpc1{
	top: 50px;
    left: 367px;
	text-shadow: 2px 2px 5px red;
}
#mpc2{
	top: 78px;
    left: 367px;
	text-shadow: 2px 2px 5px #1E571E; 
}#mpc3{
	top: 106px;
    left: 367px;
	text-shadow: 2px 2px 5px #2F2F7B;
}