html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}



body {
	margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

audio:not([controls]){display:none;height:0;}
[hidden], template {
	display: none;
}
a {
	background-color: transparent;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 13px;
	margin: 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg
:not
 
(
:root
 
)
{
overflow
:
 
hidden
;


}
figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button, input, optgroup, select, textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"]
	{
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	cursor: pointer;
	vertical-align: middle;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button
	{
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration
	{
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
}

header {
	background-color: #323B47;
	height: 44px;
	color: #fff;
}

header h1 {
	float: left;
	line-height: 44px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: normal;
}

nav {
	float: right
}

ul.tabs {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
	height: 44px;
	margin-right: 3px
}

ul.tabs li {
	float: left;
	margin: 0 1px;
	padding: 0;
	height: 44px;
	line-height: 41px;
	overflow: hidden;
	position: relative;
	text-align: center;
}

ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 13px;
	/*outline: none;*/
	width: 100px;
}

li.active {
	
}

ul>li:first-child.active {
	border-left: 0px solid #e5e9ea !important;
}

ul>li:last-child.active {
	border-right: 0px solid #e5e9ea !important;
}

ul.tabs li a:hover {
	background-color: #ebeced;
	font-weight: bold;
	color: #323a46
}

html ul.tabs li.active a:hover {
	background: #fff;
	color: #15a7b6;
}

html ul.tabs li.active a {
	color: #15a7b6;
	font-weight: bold;
	background: #fff;
}

section {
	padding: 10px 15px
}

section.big {
	padding: 10px 5px
}
/* #mainContainer {
	border: 1px solid #B9DCE2;
	height: 600px;
	margin: 0px auto;
	width: 800px;
} */
#mainContainer {
	border: 1px solid #B9DCE2;
	height: 665px !important;
	margin: 0px auto;
	width: 800px;
}

.content {
	margin-top: 5px;
	background: #f0f0f0;
	padding: 5px;
	height: 90px;
	overflow: auto;
	line-height: 18px;
	font-size: 13px
}

.content h4 {
	margin: 0;
	padding: 0;
}

.content ol {
	margin: 3px 0 5px 0;
	padding: 0 0 0 25px;
}

.content ol li {
	padding: 0 0 0 10px;
}

.areaactivity {
	width: 560px;
	float: left;
	margin-right: 4px;
	position: relative;
}

.areaactivity .graph {
	height: 390px;
	overflow: hidden;
	width: 560px;
	 height: 360px;
	/* height: 430px; */
	/*  height: 420px;  */
	/*background:url(../images/bg.jpg);*/
}
/* .areaactivity .controls {
	margin-top: 5px;
	height: 124px;
	background: #f0f0f0;
	padding: 10px
} */
.controls h4, .controls h5 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal
}

.areaaccordion {
	float: left;
	margin-left: 5px;
	width: 224px;
	height: 600px;
}

.block {
	/*width: 190px;*/
	width: 242px;
	margin: 9px;
	float: left;
}

.block.rt {
	float: right
}

.block::after, .clearfix {
	content: '';
	clear: both;
	display: block;
}

.block a {
	width: 16px;
	height: 16px;
	border: 1px solid #454948;
	border-radius: 3px;
	text-align: center;
	float: left;
	margin: 0px 5px 0 0;
	line-height: normal;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	padding: 3px;
	background: #cdcccc;
	border-color: #b0b0af;
}

.block a.inActive {
	background: #fff;
	border-color: #eee;
}

.block a.active {
	background: #1aa8b6;
	border-color: #454948;
	color: #fff;
}

.block div.field, input.field {
	border-radius: 3px;
	border: 1px solid #b0b0af;
	color: #f00;
	text-align: center;
	/*width: 80px;*/
	min-width: 80px;
	background: #fff;
	padding: 3px;
	font-style: italic;
	float: left;
}

.controls h5 {
	float: left;
	/*width: 70px;*/
	width: 147px;
	line-height: 24px;
}

.block div.field.small, input.field {
	width: 50px;
	float: right
}

.rangeslider, .rangeslider__fill {
	background: #888;
	display: block;
	height: 5px !important;
	width: 100%;
} 

.rangeslider__fill, .ui-slider-range {
	background: #1aa8b6;
	position: absolute;
	top: 0;
}

.rangeslider__handle, .ui-slider-handle {
	cursor: pointer !important;
	display: inline-block;
	/* width: 22px;
	height: 22px; */
	width: 16px;
	height: 16px;
	position: absolute;
	top: -7px !important;
	background: url(../images/nav_but.png) no-repeat;
}

.rangeslider__handle:after {
	content: "";
	display: block;
	width: 22px;
	height: 22px;
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

input[type="range"]:focus+.rangeslider .rangeslider__handle {
	-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
	-moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
	box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.areaaccordion h2 {
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	margin: 0;
	background: #ebeced;
	margin-bottom: 2px;
	line-height: 20px;
	border: #ebeced 1px solid;
	cursor: pointer
}

.areaaccordion h2.active, .ui-accordion-header-active {
	color: #15a7b6 !important;
	font-weight: bold !important;
	background: #fff !important;
}

.areaaccordion .cont {
	border: #ebeced 1px solid;
	padding: 5px;
	margin-top: -2px;
	font-size: 13px;
	margin-bottom: 2px;
	height: 495px;
}

.areaaccordion .cont p {
	margin-top: 7px;/* 0 */
	margin-bottom: 10px;
	line-height: 18px
}

.areaaccordion .cont h5 {
	margin: 0 0 12px 0;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

.areaaccordion .cont p strong {
	color: #666
}

.questions div {
	/* padding-bottom: 10px; */
	padding-bottom: 1px;
}

label {
	display: block;
	 margin-top: 6px; 
	position: relative;
}

.submit-but, .next-but {
	font-size: 12px;
	font-weight: bold;
	/*width: 108px;*/
	border: 2px solid #15a7b6;
	color: #fff;
	/*padding: 10px 0px 11px 0px;*/
	padding: 2px 0px 2px 0px;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	margin-top: 65px;
	margin-left: 2px;
	float: left;
	background: #1aa8b6;
	cursor: pointer;
}

.next-but {
	border-color: #9bccd5;
	background: #fff;
	color: #1aa8b6;
	width: 100px
}

.questions {
	height: 371px;
}

.blue-text {
	color: #15a7b6 !important;
}

.equation-text {
	color: black !important;
}

/*questions*/
.questions {
	display: none;
	font-size: 12px;
	line-height: 15px;
}

#question1, #question2, #question3 {
	margin-bottom: 12px;
}

.questions.active {
	display: block;
}

.questions .correctOption {
	background: url("../images/correct.png") 50% 50% no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: -13px;
	top: 10px;
	/* left: -13px; */
	/* top: 10px; */
}
.CorrectSignAlignment{
	left: -13px !important;
	top: 9px !important;
}

.incorrectOptionQ3 {
	margin-top:-13px; margin-left:1px;

}

.questions .incorrectOption {
	background: url("../images/incorrect.png") 50% 50% no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	/* left: -13px;
	top: 7px;  */
	
}
.signAlignment{
	left: -13px;
	top: 7px;
}

/* .navigation{
	width:168px;
	margin:9px auto;
} */
.navigation::after {
	content: '';
	clear: both;
	display: block;
}

.quesNav {
	width: 16px;
	height: 16px;
	border: 1px solid #454948;
	border-radius: 8px;
	text-align: center;
	float: left;
	margin: 0px 4px;
	line-height: normal;
	text-decoration: none;
	color: #000;
}

.quesNav.inActive {
	background: #cdcccc;
	border-color: #b0b0af;
}

.quesNav.active {
	background: #1aa8b6;
	border-color: #454948;
	color: #fff;
}

.quesNav img {
	margin: 0px 0px;
	float: none;
	vertical-align: middle;
}

.quesNav span {
	/*   margin: 1px 0; 
	   display: block; */ /*taken from harsha file*/
	/* margin: 2px 0px; */
	vertical-align: middle;
}
/*questions*/
.vjs-default-skin .vjs-big-play-button {
	left: 40% !important;
	top: 42% !important;
}

.video-js {
	margin: auto;
}

.video-js .vjs-captions {
	color: #FFF !important /* Captions are #FF0 */;
}

.video-js .vjs-text-track {
	background-color: rgba(0, 0, 0, 0.7) !important;
}

#warning-message {
	position: absolute;
	width: 100%;
	height: 1200px;
	background-color: #eee;
	display: none;
	z-index: 100000;
	text-align: center;
	font-size: 25px;
	text-align: center;
}

/*@media only screen and (orientation:portrait)*/


input[type='radio'] {
	cursor: pointer;
	-moz-appearance: none;
    margin: -1px;
    padding: 0px;
    height: 12px;
    width: 12px;
	
	/* cursor: pointer;
	margin-top: 7px;
	box-sizing: border-box; 1
	padding: 0; 2
	vertical-align: bottom;	 */
}

#y_chk {
	float: left;
	margin-right: 141px;
	margin-top: 9px;
	margin-left: 9px;
}

#chk_input {
	margin-top: 9px;
}

.areaactivity .controls {
	margin-top: 1px;
	margin-bottom:-1px;
/* 	height: 186px !important; */
	height: 244px !important;
    background: #f0f0f0;
  /*     padding-right: 15px; */
  /*   padding-right: 5px;
    padding-left: 5px; */
    /*   padding-right: 2px;
    padding-left: 2px; */
    position: relative;
    padding-top: 1px;
    padding-bottom: 1px;
}

.areaactivity .solutions {
	margin-top: 1px;
	margin-bottom:-1px;
/* 	height: 186px !important; */
	height: 244px !important;
    background: #f0f0f0;
  /*     padding-right: 15px; */
  /*   padding-right: 5px;
    padding-left: 5px; */
    /*   padding-right: 2px;
    padding-left: 2px; */
    position: relative;
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Style the tab */
.tab {
    overflow: hidden;
    background-color: #fffff;
	height: 0px;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: #f8f8f8;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 6px 6px;
    transition: 0.3s;
    font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #f0f0f0;
}

/* Style the tab content */
.tabcontent {
    display: none;
	border: none;
	outline: none;
    padding: 0px;
}

.navigation {
	width: 210px;
	margin: 9px auto;
	font-size: 12px;
}

input.field {
	margin-right: 120px;
	margin-bottom: 15px;
	min-width: 50px;
	float: right;
}

.selectBox {
	position: absolute;
	margin: auto;
	margin-left: -10px;
}

.singleR {
	position: absolute;
	top: 94px;
	left: 170px;
}

.content {
	height: 147px !important;
}

.r4 {
	margin-top: -61px !important;
	margin-right: -114px;
}

.block {
	width: 250px;
}

.blockinput {
	margin-top: 0px;
	margin-bottom: 5px;
	position: relative;
}
.text_con {
	position: relative;
}

.button_text {
	font-style: italic;
	margin-left: -34px;
	cursor: pointer;
}

.bottom_btn {
	text-align: center;
	top: 152px;
	left: 270px;
}

.rangeslider__handle, .ui-slider-handle {
	background-position: center;
	/* top: -8px !important; */
	top: -6px !important;
}

label {
	margin-left: 12px;
}

.questionParent p {
	margin: 0px;
	position: absolute;
	top: -2px;
	left: 15px;
	margin-left: 5px;
}


/**   new css adding element styles ***/
#tab2 {
	display: none
}
.row{
	display:block;
	  margin: 1%;  
	width: 100%;
}
.col-1{
	width: 20%;
	float: left;
}
.col-2{
	width: 50%;
	float: left;
}
.text-box{
	width: 96%;
}
#p1-1 , #p1-2 ,#p1-3 , #p1-4{
	margin-top: 9px !important;
}
#p2-1 , #p2-2 ,#p2-3 , #p2-4 {
	margin-top: 9px !important;
}

#p3-1 , #p3-2 ,#p3-3 , #p3-4,
#p4-1 , #p4-2 ,#p4-3 , #p4-4
{
	margin-top: 9px !important; 
	 /* -1 */
}
 
#p5-1 , #p5-2 ,#p5-3 , #p5-4{
	margin-top: 9px !important;
	/* -2px !important; */
} 
.input1 , .input2 , .input3 , .input4 ,.input5 {
	/* margin-top: 24px !important; */
	margin-top: 10px !important;
}
/* td {
    text-align: right;
    padding-left: 1px;
    padding-right: 45px;
    padding-bottom: 2px;
} */

.td-bgImage{
	width: 150px;
    height: 120px;
    padding-left: 10px;
    cursor: pointer;
    
}
.questions .correctOptionQ1 {
	background: url("../images/correct.png") 50% 50% no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: -12px;
	top: 23px;
}

.questions .incorrectOptionQ1 {
	background: url("../images/incorrect.png") 50% 50% no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	left: -13px;
	top: 23px;
}
.graph_op td{
	text-align: left;
}
.col-12{
	width: 30%;
	float: left;
}
.dialog-box{
	display: none;
}
.hyperbola_graph{
	margin-left: -2px;
	 font-size: 13.2px;
}
.ellipse_graph , .parabola_graph{
	 font-size: 13.2px;
}
#hyperbola_graph_op td{
	padding-left: 0px !important; 
    padding-right: 0px !important; 
}
#ellipse_graph_op td{
	padding-left: 0px !important; 
    padding-right: 0px !important; 
    font-size: 13.2px;  
}
#parabola_graph_op td{
	font-size: 13.2px;
}
.ellipse_var{
	font-size: 13.2px;
}
.sign_in_denominator{
 padding-right: 0px;
    padding-left: 3px;
    text-align: left;
    width: 30%;
}
.parabola_sign_in_denominator{
		padding-right: 0px;
    	padding-left: 3px;
    	text-align:left;
    	width:25%;
}
.trig_function{
	padding-right: 6px;
}
.parabola_equation{
	padding-right: 0px;
}
.ellipse_equation{
	padding-right: 0px;
}
.eqn{
	float: right;
    margin-top: -42px;
    margin-right: 2%;
    text-align: center;
   /*  font-size: 14.2px; */
}
.parabola_td{
	padding-right: 25px;
}
.MathJax, .MathJax_Display {
    vertical-align: baseline !important;
}
.mfrac{
	padding-top: 1px !important;
} 
.mn .parabola_eqn_q_val{/* font-size: 60% !important; */
 margin-left: -25%;
/* align:center; */}  
.parabola_eqn_sign,.ellipse_eqn_sign,.hyperbola_eqn_sign{
padding-left: 1px;
padding-right: 1px;
}
.questionsMathEquations{
width: 25%;
    float: right;
    text-align: center;
    margin-right: 64%;
}
.questionsMathSign{
	padding-left: 1px;
	padding-right: 1px;
}

.euuationbr{
	width:5px;
	height: 30px;
}

.td-bgImage1{
	/* width: 140px;
    height: 140px; */
    padding-left: 15px;
    margin-top: 5px;
    cursor: pointer;
    
}
.qs4Radio{
	width:180px;
	height: 95px;
}


#txtbox11_2{
	float :left;
	/* margin-left:9px; 
	margin-top:5px;*/
	width:27%;
	height:60px;
}
#txtbox11_3{
	float :left;
	/* margin-left:9px; 
	margin-top:5px;*/
	width:27%;
	height:60px;
	/* margin-left:1%; */
}
.symbolSelect{
float:left;
	 width:15%;
	height:60px; 
	margin-top:5%;
	/* margin-top:11px;
	margin-left:1%; */
}


#txtbox11_1{
	float :left;
	/* margin-left:9px; 
	margin-top:5px;*/
	width:27%;
	height:60px;
}

/* 
#area1_11{
	float :left;
	margin-left:9px;
	width:100%;
	height:60px;
	margin-left:1%;
}
#area1_12{
	float :left;
	margin-left:9px;
	width:100%;
	height:20px;
	margin-left:1%;
}

#txtbox111{
	width:20% !important;
	float:left !important;
	height:40px !important;
	margin-top:4% !important;
}

#span_1{
	
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	float:left !important;	
	margin-top:7% !important;
	margin-left:0% !important;
	
}

#symbol_a{
-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	width:4%;
	float:left;
	height:60px;
	margin-left:2%;
	margin-top:7%;
}

#span_2{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	float:left !important;	
	margin-top:7% !important;
	margin-left:0% !important;
}
#txtbox112{
	width:20% !important;
	float:left !important;
	height:40px !important;
	margin-top:4% !important;
	margin-left:1% !important;
	
	
	width:85%;
	float:left;
	height:60px;
	margin-top:8%;
}
#txtbox12{
	-webkit-appearance: none;
 -moz-appearance: none;
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#selectOpId1{
	-webkit-appearance: none;
 -moz-appearance: none;
	height:22px;
	width:88%;
	margin-top:7%;
margin-left:10%;
	
}
#txtbox113{
	width:23% !important;
	float:left !important;
	height:40px !important;
	margin-top:4% !important;
	margin-left:2%  !important;
	
	width:85%;
	float:left;
	height:60px;
	margin-top:8%;
}

#txtbox13{
	-webkit-appearance: none;
 -moz-appearance: none;
	margin-top:5px;
	width:90%;
	height:20px;
margin-left:-2%;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}


#area1_txtbox11_slider11{
-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	width:25%;
	float:left;
	height:38px;
	margin-top:-9%;
}

#area1_txtbox12_slider12{
-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	width:25%;
	float:left;
	height:38px;
	margin-top:-9%;
	margin-left:5%;
}
#area1_txtbox13_slider13{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	width:25%;
	float:left;
	height:38px;
	margin-top:-9%;
	margin-left:12%;
}

#area1_txtbox11_slider1{
-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 75%;
margin-top:24%;
}



#Symbol_d{
	margin-top:5px;
	 width:25px;
	height:28px; 
}

#area1_txtbox12_slider1{
	background: #888;
	display: block;
	height: 8px !important;
	width: 75%;
margin-top:24%;
}
#area1_txtbox13_slider1{
	-webkit-appearance: none;
 -moz-appearance: none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 89%;
	margin-top:24%;
	margin-left:7%;

}

#area2{
	float :left; 
	margin-left:9px; 
	width:48%;
	height:80px;
	margin-left:1%; 
	
	
	float :right;
	margin-left:9px;
	width:48%;
	height:80px;
	margin-right:-3%;
}
#txtbox21{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:5px !important;
	width:90% !important;
	height:20px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	
	
}
#txtbox22{
	
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
	
	
	
	
	
	
	
	
	
	-webkit-appearance: none;
 -moz-appearance: none;
	margin-top:5px;
	width:78%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#txtbox23{
	
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	margin-top:5px;
	width:90%;
	height:20px;
margin-left:-2%;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
	
	-webkit-appearance: none;
 -moz-appearance: none;
	margin-top:5px;
	width:85%;
	height:20px;
margin-left:-2%;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}


#area2_txtbox21_slider1{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 75%;
margin-top:24%;
}
#area2_txtbox22_slider1{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 75%;
margin-top:24%;
}
#area2_txtbox23_slider1{
	-webkit-appearance: none;
 -moz-appearance: none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 89%;
	margin-top:24%;
		margin-left:7%;
}

#area3{
	float :left;
	margin-left:9px;
	width:48%;
	height:80px;
	margin-left:3%;
}
#txtbox31{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#txtbox32{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#txtbox33{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	margin-top:5px;
	width:90%;
	height:20px;
margin-left:-2%;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}


#area3_txtbox31_slider1{
-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 75%;
margin-top:24%;
}
#area3_txtbox32_slider1{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 75%;
margin-top:24%;
}
#area3_txtbox33_slider1{
	-webkit-appearance: none;
 -moz-appearance: none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 89%;
	margin-top:24%;
		margin-left:7%;
}


#area4{
	float :right;
	margin-left:9px;
	width:48%;
	height:80px;
	margin-right:-3%;
}
#txtbox41{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#txtbox42{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#txtbox43{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	margin-top:5px;
	width:90%;
	height:20px;
margin-left:-2%;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#area4_txtbox41_slider1{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 75%;
margin-top:24%;
}
#area4_txtbox42_slider1{
	-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 75%;
margin-top:24%;
}
#area4_txtbox43_slider1{
	-webkit-appearance: none;
 -moz-appearance: none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 89%;
	margin-top:24%;
		margin-left:7%;
}




#area5{
	float :left;
	margin-left:-1%;
	width:50%;
	height:25px;
}
#chk1{
	float :left;
	margin-left:130px;
	margin-top:2px;
}
#chk2{
	float :left;
	margin-left:10px;
	margin-top:2px;
}

#area6{
	float :left;
	margin-left:9px;
	width:50%;
	height:25px;
}

#txtbox1{
	margin-top:5px;
	width:50px;
	height:15px;
}
 */


/* #area1_txtbox13_slider2{
	background: #888;
	display: block;
	height: 8px !important;
	width: 21%;
} */
.rangeslider {
	/* position: relative; */
	margin-left: 7px;
	/* margin-top: 7px; */
	margin-bottom: 10px;
}
#ellipse_eccentricity_rangeslider{
	background: #888;
	display: block;
	height: 8px !important;
	width: 50%;
}
/*Modal Box*/
#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9000;
    background-color: #000;
    display: none;
}
#boxes .window {
    position: fixed;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 9999;
}
#boxes #dialog {
    width: 400px;
    height: 300px;
    background-color: #ffffff;
    overflow: auto;
}
/*error popup page css*/
.error_header {
    width: 400px;
    height: 47px;
    background-color: #1aa8b6;
}
.header_titile {
    padding: 14px 0px 14px 10px;
    color: #fff;
    float: left;
    width: 350px;
    font-weight: bold;
}
.close-popup {
    padding: 10px;
    float: right;
    width: 15px;
    height: 16px;
}
#ans_grid_html {
    padding: 10px;
}
/* #dialog-message1 {
    display: none;
}
#dialog-message1 {
    display: none;
}
#dialog-message1 {
    display: none;
} */
#radio13{
	float:left;
	margin-left:3px;
	margin-top:7px;
	box-sizing:border-box;
}






/* #question4{
	height: 430px !important;
    overflow-x: hidden;
    overflow-y: auto;
      
} */




/* #selectOpId2{
	-webkit-appearance: none;
 -moz-appearance: none;
	height:22px;
	width:88%;
	margin-top:7%;
margin-left:10%;
	
}
#selectOpId3{
	-webkit-appearance: none;
 -moz-appearance: none;
	height:22px;
	width:88%;
	margin-top:7%;
margin-left:10%;
	
}
#selectOpId4{
-webkit-appearance: none;
 -moz-appearance: none;
	height:22px;
	width:88%;
	margin-top:7%;
margin-left:10%;
	
}
.select-style1 {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url(../../images/systems_of_Linear_Inequalities/down-arrow.png) no-repeat 90% 50%;
}

.select-style1 select {
    padding: 5px 8px;
    width: 130%;
    border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style1 select:focus {
   outline: none; 
}


for select box 2
.select-style2 {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url(../../images/systems_of_Linear_Inequalities/down-arrow.png) no-repeat 90% 50%;
}

.select-style2 select {
    padding: 5px 8px;
    width: 130%;
    border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style2 select:focus {
   outline: none; 
}


for select box 3
.select-style3 {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url(../../images/systems_of_Linear_Inequalities/down-arrow.png) no-repeat 90% 50%;
}

.select-style3 select {
    padding: 5px 8px;
    width: 130%;
    border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style3 select:focus {
   outline: none; 
}

for select box 4
.select-style4 {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url(../../images/systems_of_Linear_Inequalities/down-arrow.png) no-repeat 90% 50%;
}

.select-style4 select {
    padding: 5px 8px;
    width: 130%;
    border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style4 select:focus {
   outline: none; 
} */




/* /* for tab css */
/*   @media only screen and (device-width:768px) and (orientation: landscape) {
  For general iPad layouts
  
  #area1{
	float :left;
	margin-left:9px;
	width:48%;
	height:80px;
	margin-left:0%;
}
#area1_11{
	float :left;
	margin-left:9px;
	width:100%;
	height:60px;
	margin-left:1%;
}
#area1_12{
	float :left;
	margin-left:9px;
	width:100%;
	height:20px;
	margin-left:1%;
}

#txtbox111{
	width:20% !important;
	float:left !important;
	height:40px !important;
	margin-top:4% !important;
}

#txtbox11{




	 
	margin-top:5px !important;
	width:90% !important;
	height:20px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}

#span_1{
	
	
	float:left !important;	
	margin-top:7% !important;
	margin-left:4.5% !important;
	
}

#symbol_a{

	width:4%;
	float:left;
	height:60px;
	margin-left:2%;
	margin-top:7%;
}

#span_2{
	
	float:left !important;	
	margin-top:7% !important;
	margin-left:4.5% !important;
}
#txtbox112{
	width:20% !important;
	float:left !important;
	height:40px !important;
	margin-top:4% !important;
	margin-left:1% !important;
	
}
#txtbox12{
	
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#selectOpId1{
	
	height:22px;
	width:88%;
	margin-top:7%;
margin-left:10%;
	
}
#txtbox113{
	width:20% !important;
	float:left !important;
	height:40px !important;
	margin-top:4% !important;
	margin-left:2%  !important;
}

#txtbox13{
	
	margin-top:5px;
	width:90%;
	height:20px;
margin-left:-2%;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}


#area1_txtbox11_slider11{

	width:25%;
	float:left;
	height:38px;
	margin-top:-9%;
}

#area1_txtbox12_slider12{

	width:25%;
	float:left;
	height:38px;
	margin-top:-9%;
	margin-left:9%;
}
#area1_txtbox13_slider13{
	
	width:25%;
	float:left;
	height:38px;
	margin-top:-9%;
	margin-left:16%;
}

#area1_txtbox11_slider1{

	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
margin-top:24%;
}



#area1_txtbox12_slider1{
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
margin-top:24%;
}
#area1_txtbox13_slider1{
	
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
	margin-top:24%;
	margin-left:11%;

}

#area2{
	
	float :right;
	margin-left:9px;
	width:48%;
	height:80px;
	margin-right:-0.5%;
}
#txtbox21{
	
	 
	margin-top:5px !important;
	width:90% !important;
	height:20px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	
	
}
#txtbox22{
	
	
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
	
}
#txtbox23{
	
	
	margin-top:5px;
	width:90%;
	height:20px;
margin-left:-2%;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;

}


#area2_txtbox21_slider1{
	
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
margin-top:24%;
}
#area2_txtbox22_slider1{
	
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
margin-top:24%;
}
#area2_txtbox23_slider1{
	
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
	margin-top:24%;
		margin-left:11%;
}

#area3{
	float :left;
	margin-left:9px;
	width:48%;
	height:80px;
	margin-left:0%;
}
#txtbox31{
	
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#txtbox32{
	
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#txtbox33{
	
	margin-top:5px;
	width:90%;
	height:20px;
margin-left:-2%;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}


#area3_txtbox31_slider1{


	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
margin-top:24%;
}
#area3_txtbox32_slider1{
	
-o-appearance:none;
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
margin-top:24%;
}
#area3_txtbox33_slider1{
	
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
	margin-top:24%;
		margin-left:11%;
}


#area4{
	float :right;
	margin-left:9px;
	width:48%;
	height:80px;
	margin-right:-0.5%;
}
#txtbox41{
	
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#txtbox42{
	
	margin-top:5px;
	width:90%;
	height:20px;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#txtbox43{
	
	margin-top:5px;
	width:90%;
	height:20px;
margin-left:-2%;
box-shadow: none;
border-style:solid;
border-width:1px;
border-color:#9a9a9a;
}
#area4_txtbox41_slider1{
	
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
margin-top:24%;
}
#area4_txtbox42_slider1{
	
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
margin-top:24%;
}
#area4_txtbox43_slider1{
	
	background: #888;
	display: block;
	height: 8px !important;
	width: 92%;
	margin-top:24%;
		margin-left:11%;
}

#selectOpId2{
	
	height:22px;
	width:88%;
	margin-top:7%;
margin-left:10%;
	
}
#selectOpId3{
	-webkit-appearance: none;
 -moz-appearance: none;
	height:22px;
	width:88%;
	margin-top:7%;
margin-left:10%;
	
}
#selectOpId4{
-webkit-appearance: none;
 -moz-appearance: none;
	height:22px;
	width:88%;
	margin-top:7%;
margin-left:10%;
	
}


#area5{
	float :left;
	margin-left:-1%;
	width:50%;
	height:25px;
}
#chk1{
	float :left;
	margin-left:130px;
	margin-top:2px;
}
#chk2{
	float :left;
	margin-left:10px;
	margin-top:2px;
}

#area6{
	float :left;
	margin-left:9px;
	width:50%;
	height:25px;
}

	 
} 
 */
 
 /*  .scrollbox {
    overflow: auto;
    This is changed by enscroll, but must be defined
    width: 170%;
} 
  
  
.scenario1QuestionsScroll {
    max-height: 430px;
    overflow: hidden;
    width: 166px;
    padding-right: 4px;
    outline: none;
} */
 
.img11{
	/* padding-left: 15px;
    marrgin-top: 5px;
    cursor: pointer; */
    height:10px;
    width:2px;
}

/* .colorForLine1{
	color : #0830e0;
}
.colorForLine2{
	color : #9400e6;
}
.colorForLine3{
	color : #009911;
}
.colorForLine4{
	color : #f96701;
} */



/*@media only screen and (device-width:768px) and (orientation:portrait){*/
@media screen and (orientation:portrait){
	.touch #mainContainer {
		display: none;
	}
	.touch #warning-message {
		display: block;
	}
}
.AdjustForTab{
	
}
.select-style4 select {
    padding: 5px 8px;
    width: 130%;
    border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
   
}

#instruction_name{
 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            
	float :left;
	border: 1px solid #ccc;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* margin-left:9px; */
	width:99%;
	height:10px;
	margin-left:2px;
	font-size: 10px;
	text-align:center;
	/* margin-right:1px; */
	/* margin-left:3%; */
}

#area1{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* margin-left:9px; */
	width:99.8%;
	height:47px;
	margin-left:2px;
	/* margin-right:1px; */
	/* margin-left:3%; */
}

#area2{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:99.8%;
	height:47px;
	margin-left:2px;
}

#area3{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:99%;
	height:30px;
	margin-left:2px;
	margin-top:4px;
	/* margin-right:1px; */
	/* margin-left:3%; */
}
#area4{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:99%;
	height:48px;
	margin-left:2px;
	margin-top:3px;
	/* margin-right:1px; */
	/* margin-left:3%; */
}


#subArea11{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea12{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}
#subArea21{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea22{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea31{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea32{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea41{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea42{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea51{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea52{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea61{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}
#subArea62{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea71{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}
#subArea72{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}
#subArea81{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}
#subArea82{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea91{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}
#subArea92{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea101{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}
#subArea102{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:22px;
}

#subArea1{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.65%;
	height:45px;
}

#subArea2{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.5%;
	height:45px;
}

#subArea3{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.5%;
	height:45px;
}

#subArea4{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.5%;
	height:45px;
}

#subArea5{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.6%;
	height:45px;
}

#subArea6{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.65%;
	height:45px;
}

#subArea7{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.5%;
	height:45px;
}

#subArea8{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.5%;
	height:45px;
}

#subArea9{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.5%;
	height:45px;
}

#subArea10{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	 border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	width:19.6%;
	height:45px;
}

#Area31{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:22%;
	height:30px;
}

#Area32{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:24%;
	height:30px;
}

#Area33{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:15%;
	height:30px;
}
#Area34{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:22%;
	height:30px;
}
#Area35{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:8%;
	height:30px;
}
#Area36{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:9%;
	height:30px;
}
#Area41{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border-bottom: 1px solid #ccc; */
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* width:100%;
	height:25px; */
	
	width:8.5%;
	height:49px;
}

#Area42{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* width:100%;
	height:25px; */
	
	width:77%;
	height:46px;
	margin-right:2px;
	margin-top:3px;
}
#Area43{
 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:14%;
	height:49px;
}


#subArea411{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:8.5%;
	height:25px;
}
#subArea412{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  background-color: #ffffff ;
	 text-align:center; */
	/*  border-top: 2px solid #ccc; */
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* width:16%; */
	padding-top: 4px;
	height:25px;
}
#subArea413{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* width:16%; */
	padding-top: 4px;
	height:25px;
}
#subArea414{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* width:16%; */
	padding-top: 4px;
	height:25px;
}
#subArea415{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:16%;
	height:25px;
}
#subArea416{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:14%;
	height:25px;
}

#subArea417{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:100%;
	height:19px;
	margin-top:5px;
	border-left: 1px solid #9a9a9a;
	text-align: center;
}

#subArea421{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:8.5%;
	height:25px;
}
#subArea422{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  background-color: #ffffff ;
	 text-align:center; */
	/*  border-top: 2px solid #ccc; */
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:16%;
	height:25px;
}
#subArea423{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:16%;
	height:25px;
}
#subArea424{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:16%;
	height:25px;
}
#subArea425{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:16%;
	height:25px;
}
#subArea426{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:14%;
	height:25px;
	/* margin-left:-5px; */
}


#subArea427InBtn{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* width:5.5%;
	height:25px; */
	width:43.5%;
	height:25px;
}
#subArea427OutBtn{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* width:8%;
	height:25px; */
	width:56%;
	height:25px;
}







#CalculateBtn{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:96% !important;
	height:27px !important;
/* box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important; */
}

#GoBtn{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:96% !important;
	height:27px !important;
/* box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important; */
}

#ClearBtn{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:96% !important;
	height:27px !important;
/* box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important; */
}
#VZoomBtn{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:97% !important;
	/* border-left: 1px solid #9a9a9a; */
	/* border-style:solid !important;
	border-width:1px !important; */
	/* height:25px !important; */
/* box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important; */
}
#InBtn{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:94% !important;
	/* height:27px !important; */
/* box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important; */
}
#OutBtn{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:94% !important;
	/* height:27px !important; */
/* box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important; */
}


#Area31Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:18%;
	height:25px;
	margin-top:5px;
	margin-left:4px;
}

#Area31TextBox{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:76%;
	height:30px;
}

#Area34Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:18%;
	height:25px;
	margin-top:5px;
	/* margin-bottom:5px; */
}

#Area34TextBox{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  background-color: #ffffff ; 
	 text-align:center; */
	/*  border-top: 2px solid #ccc; */
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	width:78%;
	height:30px;
}
.plusSymbolUpper{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	width: 9%;
    float: left;
    height: 17px;
    margin-top: 6px;
    padding-left: 2px;
}

#Area41Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	/*  border: 1px solid #ccc;
    box-shadow: none;
    background-color: transparent;
    background-image: none; */
	/* width:18%; */
	height:21px;
	margin-top:4px;
	margin-left:5px;
	/* margin-bottom:5px; */
}
/* #Area42TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:65%;
	height:23px;
} */

/* #polyValue9{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:96%;
	height:18px;
	margin-top:3px;
	text-align:center;
	border:none;
} 

#Area42Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:17%;
	height:15px;
	margin-top:8px;
}*/

/*#Area43TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:65%;
	height:23px;
}
 #polyValue8{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:96%;
	height:19px;
	margin-top:3px;
	text-align:center;
	border:none;
} 
#Area43Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:17%;
	height:15px;
	margin-top:8px;
}
*/

/*#Area44TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:65%;
height:23px;
}
 #polyValue7{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:19px;
	margin-top:3px;
	text-align:center;
	border:none;
}
#Area44Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:17%;
	height:15px;
	margin-top:8px;
}
 */
/* #Area45TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:65%;
	height:23px;
}
#polyValue6{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:19px;
	margin-top:3px;
	text-align:center;
	border:none;
}
#Area45Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:17%;
	height:15px;
	margin-top:8px;
}

#Area46TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:70%;
	height:23px;
}
#polyValue5{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:19px;
	margin-top:3px;
	text-align:center;
	border:none;
}
#Area46Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:28%;
	height:15px;
	margin-top:8px;
}

#Area421Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :right;
	height:17px;
	margin-top:7px;
	margin-right:6px;
}
#Area422TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:65%;
	height:23px;
}
#polyValue4{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:18px;
	margin-top:3px;
	text-align:center;
	border:none;
}
#Area422Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:17%;
	height:15px;
	margin-top:8px;
}

#Area423TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:65%;
	height:23px;
}
#polyValue3{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:18px;
	margin-top:3px;
	text-align:center;
	border:none;
}
#Area423Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:17%;
	height:15px;
	margin-top:8px;
}
#Area424TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:65%;
	height:23px;
}
#polyValue2{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:18px;
	margin-top:3px;
	text-align:center;
	border:none;
}
#Area424Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:17%;
	height:15px;
	margin-top:8px;
}

#Area425TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:65%;
	height:23px;
}
#polyValue1{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:18px;
	margin-top:3px;
	text-align:center;
	border:none;
}
#Area425Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:12%;
	height:15px;
	margin-top:8px;
}
#Area426TextValue{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:77%;
	height:23px;
	margin-left:-5px;
}
#polyValue0{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:98%;
	height:18px;
	margin-top:3px;
	margin-left:-5px;
	text-align:center;
	border:none;
}
#Area426Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:28%;
	height:22px;
	margin-top:3px;
} */

#textbox1{
-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
	box-shadow: none !important;
	border-style:solid !important;
	border-width:1px !important;
	border-color:#9a9a9a !important;
}
#textbox2{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
	 
}

#textbox3{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}
#textbox4{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
	 
}

#textbox5{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}
#textbox6{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
	 
}

#textbox7{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}
#textbox8{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
	 
}
#textbox9{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}
#textbox10{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
	 
}

#textbox11{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}


#textbox12{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
	 
}

#textbox13{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}
#textbox14{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
	 
}

#textbox15{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}
#textbox16{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
	 
}
#textbox17{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}
#textbox18{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
}
#textbox19{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
	 
}
#textbox20{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:78% !important;
	height:17px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-left:5px !important;
	 
}

#txtboxXValue{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	width:88% !important;
	height:19px !important;
box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important;
margin-top:3px;
}

#txtboxYValue{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	width:88% !important;
	height:20px !important;
	border:none;
/* box-shadow: none !important;
border-style:solid !important;
border-width:1px !important;
border-color:#9a9a9a !important; */
margin-top:3px;
margin-left:1px;
}


#txtboxXValueSlider{
-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	background: #888;
	display: block;
	height: 5px !important;
	width: 90%;
	margin-top:12px;
}



/*CSS for all machines  */



















/* .footerPopup {
    display: none;
    position: absolute;
    top: 20px;
    width: 515px;
    background: #FFFFFF;
    z-index: 9999;
    height: 215px;
    top: 27%;
    left: 27%;
    border: 2px solid #1aa8b6;
    padding: 5px;
    -webkit-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.75);
}
.footerPopup .scrollbox {
    width: 505px !important;
    height: 205px !important;
    padding: 5px;
    margin-top: 5px;
}
.footerPopup .close {
    width: auto !important;
    height: 100% !important;
}
.footerPopup .closeBtn img {
    margin: 0;
    cursor: pointer;
}
.footerBtn {
    max-width: 100px;
    margin-top: 5px;
}
.footerPopup,
.footerPopup * {
     font-size: 9pt; 
}
 */
 .fractionsCont, .equationCont {
	 padding-left: 87px;
	 height: 77px;
 }

.fractionRow, .eqRow {
	clear: both;
}

.fraction, .fractionSign, .eqvariable, .operatorSign {
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

.fractionSign {
	margin-top: 3.5%;
}

.denominator {
	border-top: 1px solid black;
}


 .textOnGraph{
 font-style: italic;
 }
.SizeForRoot{
	font-size: 20px;
}
.AlighForC1D1{
	text-align:center;
}
.TableAlign{
	 /*  margin-left: 27%; */
    /* height: 56px; */
    height:auto;
        margin: auto;
        text-align: center;
    /* 
    float: left;
    margin-right: 6px; */
}
.OKFunc{
	    float: left;
    width: 44%;
    text-align: right;
    margin-right: 76px;
        margin-bottom: 10px;
}
.Sides{
	width: 30%;
	float: left;
	/* border: 1px solid  	#808080; */
}
.SidesIN{
	width: 95.9%;
    margin-left: 4px;
 /*    border: 1px solid  	#808080; */
    padding: 3px;
    border-bottom: none;
}
.SideText{
	width: 86%;
	  -moz-appearance: none;
}
 .SliderIN{
width: 93.6%;
    margin-left: 4px;
      /*     border: 1px solid  	#808080; */
          border-top: none;
         height: 16px;
    padding-top: 10px;
    background-color: gainsboro;
 }
 .SliderCSS{
margin-left: 11px;
  /*   margin-top: 1px; */
    width: 87%;
 }
 .SidesTEXT
 {
 float: left;
/*     border: 1px solid #808080; */
    height: 25%;
    padding: 20px 6px;
 }
 .AnglesTEXT{
 float: left;
   /*  border: 1px solid #808080; */
    height: 22%;
    padding: 20px 2px;
 }
 .ButtonCSS{
 float: left;
 margin-left: 30%
 }
 .ButtonMOZ{
   -moz-appearance: none;
 }
.SidesINForAngle{
	/*width: 94.5%;*/
	width: 95.9%;
    margin-left: 2px;
 /*    border: 1px solid  	#808080; */
    padding: 3px;
    border-bottom: none;
}

.ui-dialog {
 left: 345px !important;
     min-width: 600px;
 
 }
 

.BorderAdjustDesktop{
	border-top: 1px solid black;
	padding-top: 4px;
}
 .borderAdjustTab{
	border-top: white;
}
/* for tab css  */
@media only screen and (device-width:768px) and (orientation: landscape) {
 /*  For general iPad layouts*/
  .BackBtn{
 border-radius: 2px;
 }
 .OKBtn{
 border-radius: 2px;
 }


 .ui-dialog {
 left: 158px !important;
 }
 .ui-slider-handle {
    width: 24px;
}

#BtnContinue{
 border-radius: 2px;
 }
#BtnSol{
 border-radius: 2px;
 }
#resetBtn{
 border-radius: 2px;
 }
 .SideText{
	width: 76%;
	  -moz-appearance: none;
-webkit-appearance: none;

}
 .SidesTEXT
 {
 float: left;
  /*  border: 1px solid #808080;*/
    height: 29%;
    padding: 20px 6px;
 }
 .AnglesTEXT{
 float: left;
   /* border: 1px solid #808080;*/
    height: 25%;
    padding: 20px 2px;
 }
.SidesINForAngle{
	width: 97%;
    margin-left: 4px;
 /*    border: 1px solid  	#808080; */
    padding: 3px;
    border-bottom: none;
}
.SidesIN{
	width: 99%;
    margin-left: 4px;
 /*    border: 1px solid  	#808080; */
    padding: 3px;
    border-bottom: none;
}

}
@media only screen and (min-width:1280px) and (max-width:1280px){
 .borderAdjustTab{
	border-top: 1px solid black;
	padding-top: 1.7px;
    
}
.BorderAdjustDesktop{
	border-top: 1px white;
}
.SizeForRoot{
	font-size: 21.7px;

}
}
/*CSS for Samsung Tab END  */