body,h1,h2,h3,p{margin:0;padding:0;font-family:"Times New Roman",Georgia,Serif;font-size:14px;font-weight:700}
body{-webkit-touch-callout:none;touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff}
a{outline:none}
.topcontainer1 input{
	-webkit-touch-callout: none;
	touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline:none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;   /* Firefox, other Gecko */
	box-sizing: border-box;/* Opera/IE 8+ */
	Webkit-appearance:none;
	}

input{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;   /* Firefox, other Gecko */
	box-sizing: border-box;/* Opera/IE 8+ */
	-webkit-appearance:none;
	border-radius: 0px;
	}
.mainWrapper{width:585px;position:relative;margin:0 auto;}
.outercontainer{background:none repeat scroll 0 0 #fff;border:1px solid #000;border-radius:5px;padding: 15px 2px 0;position:relative;z-index:1}
.innercontainer{width:100%;overflow:hidden;background:#fff}
.middlecontainer{min-height:41px}
.side-button{float:right;height:200px;padding:10px;position:absolute;right:1px;text-align:left;top:23px;width:200px;font-family:arial}
.side-twobutton{cursor:pointer;float:right;position:absolute;right:-23px;top:0}
.side-button p{font-family:arial;font-size:13px;font-weight:400;text-align:left}
.border{border:1px solid #000}
.mainfoot{position:relative;width:100%}
li{list-style-type:none;text-decoration:none}
ul{margin:0;padding:0}
.introContentSection{float:left;height:465px;padding:0;width:100%}
input{text-align:center;width:30px;position:relative;border:1px solid #000;-webkit-appearance:none}
img{max-width:100%;max-height:100%}

.topcontainer1{
width:99.5%;
margin-top:20px;
float:left;
}
.leftsec{

    float: left;
    height: auto;
    margin: 0 0 0 4%;
    width: 40%;

}
.movedown{
padding: 0px 0 0 5px;
width: 80%;
}
.constantvalue{
width:100%;
float:left;

padding-top:5px;

}
input {
    border: 1px solid #000;
    position: relative;
    text-align: center;
	width:20px;
	margin-left:7px;
	margin-right:2%;
	 height: 21px;
	font-size: 12px;
	}

.constantvalue input{
width:25%;
}
.constantvalue p{
margin: 3% 0 0 13%;
}
.slidervaluediv{
float:left;
width:100%;
margin:20px 0 0 0;

}
.slidervaluediv span{
margin: 0 0 0 20%;
}
.slidervaluediv input{width:28%;}
.slidervaluediv .mnone{
margin:0px;
padding:none;
}
.movedwn{
margin: 5% 0 0 10%;
}
.movedwn1{
margin: 5% 0 0 0;
position:relative;
}
.moveleft{
margin-left:5px;
}
.moveleft1{
margin-left: 3px;
}
.moveleft2{
margin-left:7px;
}
.movedwn1 input{
width: 25%;
}
.alignright{
text-align: right;
}
.canvasliner{
overflow:hidden;
}
.rightsec{
	 width: 47.5%;
    overflow: hidden;
    float: left;
    height: 283px;
	background:url('../images/left_bg.png')no-repeat;background-size:100% 100%;
	position:relative;
	left: -1.2%;
	position:relative;
	
}
.otext{
font-size: 18px;
    left: 236px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: -4px;
}
.vtext{
font-size: 24px;

    left: 500px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 284px;
}
.text1{
display:inline-block;
opacity: 0.81;
position:absolute;
top:14px;
font-style: italic;
left:173px;font-size:13px;
}
.text2{
display: inline-block;
    left: 173px;
opacity: 0.81;
    position: absolute;
    top: 64px;
	font-style: italic;font-size:13px;
}
.btmcontainer{
width:99.5%;
float:left;

position:relative;
}
.btmsec{

    margin: 10% 0 0 5%;
    width: 100%;
	float:left;
}
.leftbtmsec{
width:47%;

float:left;
}

.leftbtmsec p{
display:inline-block;
margin: 0 0 0 23px;
}
.slider1 {
    background: url("../images/slider_horizontal.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 13px 0 0 8px;
    position: relative;
    width: 175px;
    z-index: 2;
}

.slidermiddle{
width:27%;
float:left;
height:25px;
margin: 8px 0 0;


}
.slidermiddle input{
margin-right:4px;
 width: 50%;
 user-select:text;

}
.mo{
margin-left:2px;
}

.ui-widget-content {
    background:none;
	border:none;
	width:166px;

}
.ui-slider-handle{
  background:url("../images/draggrid.png")no-repeat !important; 
	border:none;
	cursor:pointer !important;

}
.ui-slider-handle:hover{
  background:url("../images/draggridhover1.png")no-repeat !important; 
	border:none;
	cursor:pointer !important;

}
.ui-slider-handle:active{
  background:url("../images/draggridactive1.png")no-repeat !important; 
	border:none;
	cursor:pointer !important;

}

/* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
   background:url("../images/draggrid.png")no-repeat !important; 
	border:none;
	cursor:pointer !important;

}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default .hover{
background:url("../images/draggridhover1.png")no-repeat; 

}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default .active{
background:url("../images/draggridactive1.png")no-repeat; 
} */
	
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.2em;
    top: -9px;	}
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 27px;
    position: absolute;
    width: 1.2em;
    z-index: 2;border:none;}
.verticalline{
position:absolute;
top:22px;
left:0px;
width:1px;
height:282px;
background:url("../images/vertical1.png")no-repeat;background-size:100% 100%;
}
.horiline{
position:absolute;
top:302px;
left:0px;
width:254px;
height:2px;
background:url("../images/horizontal1.png")no-repeat;background-size:100% 100%;
}	
.p1
{
	background-color: violet;
    border-radius: 10px;
    cursor: pointer;
    height: 8px;
    left: 40px;
    position: absolute;
    top: 180px;
    width: 8px;
    z-index: 4;	
	opacity:0;
}
.p2
{
	background-color: red;
    border-radius: 10px;
    cursor: pointer;
    height: 8px;
    left: 60px;
    position: absolute;
    top: 180px;
    width: 8px;
    z-index: 4;	
	opacity:0;
}
.p3
{
	background-color: green;
    border-radius: 10px;
    cursor: pointer;
    height: 8px;
    left: 80px;
    position: absolute;
    top: 178px;
    width: 8px;
    z-index: 4;	
	opacity:0;
}
.i1{
position:absolute;
top:180px;
left:180px;
width:5px;
height:10px;
background:url("../images/i_image.png")no-repeat;
}
.i2{
position:absolute;
top:180px;
left:200px;
width:8px;
height:14px;
background:url("../images/f_imag.png")no-repeat;
}
.i3{
position:absolute;
top:180px;
left:220px;
z-index:0;
width:11px;
height:14px;
background:url("../images/f_image.png")no-repeat;
}


.a1{

    position:absolute;
top:180px;
left:220px;
width:9px;
height:10px;
	background:url('../images/arrow1.png')no-repeat;
}

.a2{

    position:absolute;
top:180px;
left:180px;
width:10px;
height:9px;
	background:url('../images/arrow2.png')no-repeat;
}

.selectnonetwo{
    height: 320px;
    position: absolute;
    top: 0;
    width: 40%;
    z-index: 999;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
}
@media (min-width: 741px) {
.mainWrapper{width:595px;margin:0 auto;}
.outercontainer {padding: 15px 15px 0;}
.rightsec{
width:49%;
left:0px;
}

}
@media (min-width: 1279px) and (max-width: 1280px) {
.input_degree{margin-left:23px}
.bottom_left input{margin:0 0 5px 20px;width:25px}
.left_bottom > p:nth-child(1){margin-left:0;word-spacing:-1px}
.movedwn1{
margin:5% 0 0 5px;
}
.delta{font-size:25px;position:absolute;top:-5px;left:-6px;display:inline-block;}
.spaceLeft{padding-left:9px;}
}