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 */
	  /*   border: 1px solid black; */
}

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: 401px;
	overflow: hidden;
	width: 560px;
	 /* height: 412px; */
	   padding-bottom: 1px;
	   margin-bottom : 1px;
	/* 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: 12px;
	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;
}

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 {
	font-size: 13px;
	/* margin-top: 1px; */
	margin-bottom:-1px;
/* 	height: 186px !important; */
	/* height: 196px !important; */
	height: 205px !important;
    background: #f0f0f0;
    /* background:#FFF2CC; */
    
  /*     padding-right: 15px; */
  /*   padding-right: 5px;
    padding-left: 5px; */
    /*   padding-right: 2px;
    padding-left: 2px; */
    position: relative;
   /*  padding-top: 1px; */
    padding-bottom: 1px;
    overflow: auto;
    	height: 203px !important;
    /*  border-bottom: 1px solid #ccc; */
      /*  border-left: 1px solid #ccc;
         border-right: 1px solid #ccc; */
}

.navigation {
	width: 210px;
	margin: 9px auto;
	/* margin-left:17px; */
}

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: -5.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; */
} 
#p6-1 , #p6-2 ,#p6-3 , #p6-4{
	margin-top: 9px !important;
	/* -2px !important; */
} 
.input1 , .input2 , .input3 , .input4 ,.input5 , .input6 {
	/* 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;
    marrgin-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;
}

.rangeslider {
	/* position: relative; */
	margin-left: 0px;
	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;
}

#radio13{
	float:left;
	margin-left:3px;
	margin-top:7px;
	box-sizing:border-box;
}


.img11{
	/* padding-left: 15px;
    marrgin-top: 5px;
    cursor: pointer; */
    height:10px;
    width:2px;
}

/*@media only screen and (device-width:768px) and (orientation:portrait){
@media screen and (orientation:portrait){
	.touch #mainContainer {
		display: none;
	}
	.touch #warning-message {
		display: block;
	}
}

.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;
	width:99.7%;
	height:12px;
	font-size: 10px;
	text-align:center;
}

#area1{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            
	float :left;
	width:100%;
	height:47px;
}

#area2{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	height:47px;
}

#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.7%;
	height:30px;
	margin-top:4px;
}
#area4{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
            
	float :left;
	background: #f0f0f0;
	 border-top: 1px solid #ccc;
    box-shadow: none;
    background-image: none;
width:100%;  99.7%
	height:47px;
	margin-top:3px;
	padding-bottom:1px;
}


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

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

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

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

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

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

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

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

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

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

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

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

#subArea101{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:100%;
	height:22px;
}
#subArea102{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:100%;
	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%;
	width:19.64%;
	width:110px;
	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%;
	width:110px;
	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%;
width:110px;
	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%;
	width:110px;
	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%;
	width:110px;
	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:110px;
	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:110px;
	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:110px;
	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:110px;
	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:110px;
	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%;
	width:19%;
	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%;
	width:15%;
	height:29px;
	margin-top:2px;
}
#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%;
	width:25%;
	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:7.5%;
	height:30px;
	height:29px;
	margin-top:2px;
}
#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.5%;
	height:30px;
		height:29px;
	margin-top:2px;
}
#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:41px;
	margin-right:2px;
	margin-top:2.5px;
	margin-bottom:1.5px;
}
#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;
width:95%;
height:26px;
vertical-align: center;
text-align: center;
-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{
width:96%;
height:26px;
}

#ClearBtn{
width:96%;
height:26px;
}
#VZoomBtn{

-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:1px !important;
	width:97% !important;
}
#InBtn{
width:94%;
height:23px;

}
#OutBtn{
width:98%;
height:23px;

}


#Area31Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:18%;
	height:25px;
	margin-top:5px;
	margin-left:4px;
}

#Area31TextBox{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:76%;
	width:65%;
	height:30px;
	margin-left:3px;
}

#Area34Text{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:18%;
	width:15%;
	height:25px;
	margin-top:5px;
	margin-bottom:5px;
}

#Area34TextBox{
	 -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:78%;
	width:84%;
	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;
	height:21px;
	margin-top:4px;
	margin-left:5px;
	margin-bottom:5px;
}



#textbox1{
-ms-appearance:none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance:none;
	 
	margin-top:3px !important;
	width:78% !important;
	width:78% !important;
	height:17px !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:17px !important;
	width:78% !important;
	height:14px !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:3px !important;
	width:78% !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:14px !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:3px !important;
	width:78% !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:14px !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:3px !important;
	width:78% !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:14px !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:3px !important;
	width:78% !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:14px !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:3px !important;
	width:78% !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:14px !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:3px !important;
	width:78% !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:14px !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:3px !important;
	width:78% !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:14px !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:3px !important;
	width:78% !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:14px !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:3px !important;
	width:78% !important;
	height:14px !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:2px !important;
	width:78% !important;
	height:14px !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:91% !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;
border: 1px solid #9a9a9a;
background-color: #EBEBE4; 


}


#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;
}

 */
 



.scrollbox {
    overflow: auto;
      /*  This is changed by enscroll, but must be defined */
    width:560px;
 
   
}
.vertical-handle {
    width: 2px;
    background-color: #1aa8b6;
   /*  padding-top:1px; */
}
.scenario1QuestionsScroll {
    max-height: 210px;
    overflow: hidden;
     padding-right: 1px;
 /*     width:147px !important;
    padding-right: 2px;
    outline: none;  */
}

 
 /* css fot Topic-30 on 10Feb  */
 
 #firstRow,#thirdRow , #fourthRow,
 #fifthRow , #sixthRow, #eightRow
 {
 -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:99.9%;
	height:22px;
}

#secondRow{
 -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:99.9%;
	height:21px;
}
#SeventhRow{
 -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:99.9%;
	height:38px;
}

 
.controlCheckBox{
 	 	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:3.3%;
	height:22px;
/* 	 border-right: 2px solid #ccc; */
/* border-right: 1px solid black; */
	width:3.7%;
	margin-left:4px;


}
.controlCheckBoxfirstRow{
		/* width:3.8%; */
}

.controlCheckBox1{
 	 	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:3.3%;
	height:10px;
	
	width:3.7%;
	margin-left:4px;
	/*  border-right: 2px solid #ccc; */
	/* border-right: 1px solid black; */
		
}
.controlCheckBox7{
 	 	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	float :left;
	width:3.3%;
	height:30px;
	padding-top:8px;
	
	width:3.7%;
	margin-left:4px;
	
	/*  border-right: 2px solid #ccc; */
/* 	border-right: 1px solid black; */
}
#checkbox1,#checkbox2,#checkbox3,#checkbox4,#checkbox5,#checkbox6,#checkbox7
{
	float:left;
/* 	padding-left : 2px; */
	/* width:28px; */
	width: 18px;
	height:16px;
	margin-top:2px;
	
}

.functionNameDiv{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   float:left;
	width:83px;
	height:20px;
	margin:2px;
}
.functionNameDiv1{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   float:left;
	width:83px;
	height:16px;
	margin:2px;
}
.functionNameDiv7{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   float:left;
	width:83px;
	height:30px;
	margin:2px;
	padding-top:7px;
}
.functionEquationDiv{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   float:left;
	/* width:106px; */
	height:21px;
/* 	 border-left: 2px solid #ccc; */
/* border-left: 1px solid black; */
	 padding-left:4px;
	  padding-top:2px;
	/*   border-right: 1px solid #ccc; */
	
	width:100px;
	
}
.functionEquationDiv1{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   float:left;
	width:106px;
	height: 17px;
/* 	 border-left: 2px solid #ccc; */
/* border-left: 1px solid black; */
	 padding-left:4px;
	  padding-top:2px;
	/*   border-right: 1px solid #ccc; */
	
}
.functionEquationDiv7{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   float:left;
	/* width:110px; */
	height:38px;
/* 	 border-left: 2px solid #ccc; */
/* border-left: 1px solid black; */
	/*  padding-left:4px;
	  padding-top:2px; */
	/*   border-right: 1px solid #ccc; */
	width:104px;
	
}
#yValueText{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   float:left;
	width:20px;
	height:28px;
	font-style: italic;
	 margin-left:3px;
	  padding-top:10px;
}
#rationalEquationDiv{
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   float:left;
   margin-left:5px;
	width:47px;
	height:36px;
	font-style: italic;
	margin-top: -3px;
}
#rationalEquationDiv > span {
    display: block;
    padding: 0.1em;
    text-align: center;
    
}
#rationalEquationDiv span.bottom {
    border-top: 1px solid black;
        text-align: center;
}
#rationalEquationDiv span.symbol {
    display: none;
} 

#randomfunctionValueA , #randomfunctionValueB , #randomfunctionValueC, #randomResidual,
#linearfunctionValueA,#linearfunctionValueB,#linearfunctionValueC,#linearResidualValue,
#quadraticfunctionValueA,#quadraticfunctionValueB,#quadraticfunctionValueC,#quadraticResidualValue,
#exponentialfunctionValueA,#exponentialfunctionValueB,#exponentialfunctionValueC,#exponentialResidualValue,
#logarithmicfunctionValueA,#logarithmicfunctionValueB,#logarithmicfunctionValueC,#logarithmicResidualValue,
#rationalfunctionValueA,#rationalfunctionValueB,#rationalfunctionValueC,#rationalResidualValue,
#powerLawValueA,#powerLawValueB,#powerLawValueC,#powerLawResidualValue
{
		-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
   float:left;
	width:83px;
	height:20px;
/* 	 border-left: 2px solid #ccc; */
	 text-align:center;
}


#randomfunctionValueA, #randomfunctionValueB , #randomfunctionValueC , #randomResidual{
	
	padding-top: 2px;
}
#linearfunctionValueA,#linearfunctionValueB,#linearfunctionValueC,#linearResidualValue,
#quadraticfunctionValueA,#quadraticfunctionValueB,#quadraticfunctionValueC,#quadraticResidualValue,
#exponentialfunctionValueA,#exponentialfunctionValueB,#exponentialfunctionValueC,#exponentialResidualValue,
#logarithmicfunctionValueA,#logarithmicfunctionValueB,#logarithmicfunctionValueC,#logarithmicResidualValue,
#powerLawValueA,#powerLawValueB,#powerLawValueC,#powerLawResidualValue
{
	padding-top: 2px;
	/* height:22px; */
	background: white;
	border-bottom: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a;
    border-top: 1px solid #9a9a9a;
}


#powerLawValueB{
	/* border-right: 1px solid #9a9a9a; */
}
#powerLawValueC{
	/* border-left: none; */
}

#rationalfunctionValueA,#rationalfunctionValueB,#rationalfunctionValueC,#rationalResidualValue{
	height:38px;
	background: white;
border-bottom: 1px solid #9a9a9a;
    border-left: 1px solid #9a9a9a;
    border-top: 1px solid #9a9a9a;	
    padding-top: 9px;
}
#linearResidualValue,#quadraticResidualValue,#exponentialResidualValue,#logarithmicResidualValue,#powerLawResidualValue{
	width: 82px;
	    border-right: 1px solid #9a9a9a;
}
/*Rectangle area Select POC  */
/* .frame{
    background:#cacaca;
    width:400px;
    height:400px;
    margin:40px;
    padding:40px;
    border: 1px solid black;
    background-image: url(http://www.abload.de/img/gypsygardenbypixelsice4gah.png);
}

.selectiondiv{
    border:2px solid white;
    background:#1B94E0;
    opacity:0.4;
    filter:alpha(opacity=40);
    margin:0px;
    padding:0px;
    display:none;
}
 */
.firstLine{
	float: left;
    /* width: 94.5%; */
   /*  width:96.2%; */
    height: inherit;
    
     width:95.2%;
}
.textDiv{
	    float: left;
	    width: 41%;
	   height: inherit;
	   
}
#CopyButton{
/* border-left: none !important; */
}
#textArea{
	webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    margin-top: 1px !important;
    width: 38.7% !important;
    height: 63px !important;
    box-shadow: none !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #9a9a9a !important;
    margin-left: -4px;
}
.editControls{
	float: left;
	width: 45.7%;
	padding-left: 2px;
}
.tempAd{
	
	width: 61px;
    float: left;
    height: 20px;
    margin-top: 1px;
 /*    border-right: none !important; */
/*     border-left: none;
    -moz-appearance: none;
    box-shadow: none !important;
    box-shadow: none !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #9a9a9a !important; */
    padding-left: 3px;
}
#UndoButton{
	/* border-right: 1px solid black !important; */
}
.nVal{
	float: left;
	width: 12%;
}
#nText{
webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    margin-top: 1px !important;
    width: 54% !important;
    height: 18px !important;
    box-shadow: none !important;
 /*    border-style: solid !important; */
    border-width: 1px !important;
    /* border-color: #9a9a9a !important; */
    margin-left: 2px;
    text-align: center;
    float: left;
    
    margin-top: 3px !important;
    margin-left: -4px;
}

.ButtonCss{
	
    width: 88px;
	
    float: left;
    height: 23px;
    margin-left: -2px;
    margin-top: -3px;
  
   /*  box-shadow: none !important; */

    text-align: inherit;
    padding-left: 1px;  
	
}


#RationalBtn{
/* 	 margin-top: -9px;
	 height: 38px; */
	     margin-top: -10px;
    height: 39px;
}

#RandomBtn{
	/* height: 20px;
	border-top: none; */
}
#nSpan{
float: left;
padding-right: 4px;
    padding-top: 4px;
}


 
/* for tab css  */
@media only screen and (device-width:768px) and (orientation: landscape) {
 /*  For general iPad layouts*/
 




.signAlignment{
	left: -13px;
	top: 8px;
}

.CorrectSignAlignment{
	left: -13px !important;
	top: 10px  !important;
} 

#textArea{
height: 12px !important;
width: 90.5% !important;
}
#nText{
	    width: 34% !important;
height: 12px !important;

}
.tempAd{
	padding-left: 8px;
}
#nText{
	    margin-top: 4px !important;
}
#textArea{
	    width: 38.1% !important;
	    height: 63px !important;
}
} 

/*css for dropdown text area  */
ul {
  margin: 0;
  padding: 0;
  list-style: none;
 /*  margin-top: -22px; */
}
a {
  text-decoration: none;
}
a:focus {
  outline: none;
}
.menu > li {
  padding: .3em;
}
.menu textarea {
  padding-top: .5em;
  display: none;
      position: absolute;
}
.menu a {
	background: white;
	display: block;
    webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    margin-top: -2.5px !important;
/*     width: 96.5% !important; */
	width: 104% !important;
    height: 18px !important;
    box-shadow: none !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #9a9a9a !important;
/*     border-color: #9a9a9a !important; */
    margin-left: -4px;
    border-right: none;
}
/*.menu > li > a:after {
   padding-left: 189px; 
	padding-left:209px;
  font-size: 1em;*/
 content: '▾';
/* content: 'a';
  color: black;
}
*/
.menu > li > a {

	/* padding-left:209px;
  font-size: 1em;
 content: 'â–¾';
content: 'a';
  color: black; */
   background: #fff url(../images/down-arrow.png) no-repeat 100% 50%; 
}

/* .menu a:focus + textarea,
.menu a:active + textarea {
  display: block;
}
 .menu li > textarea:focus,
.menu li > textarea:active {
  display: block;
}  

*/

.container textarea {
    display: block;
    overflow: auto;
    	-webkit-overflow-scrolling : touch;
}
.container .hide {
     display: none; 
}
.link{
	/* overflow: hidden; */
	color: black;
}
/* #line1DropDown{
	    display: block;
    webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    margin-top: 1px !important;
    width: 83.5%% !important;
    height: 16px !important;
    box-shadow: none !important;
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #9a9a9a !important;
    margin-left: 2px;
    position: relative;
} */





@media (-webkit-min-device-pixel-ratio: 0) {
 /* Put your WebKit specific code here. */
 
#textArea{
    width: 38.3% !important;
    
}
}



@-moz-document url-prefix() {
   
#DeleteButton{
   margin-left : -1px;
}
#UndoButton{
   margin-left : -2px;
}
#InsertButton{
	 margin-left : -1px;
}


.ButtonCss{
	height: 25px;
}
#RationalBtn{
	height: 41px;
}

#RandomBtn{
	height: 26px;
	 margin-top : -4px;
}


} 


.menu > li > a {

	/* padding-left:209px;
  font-size: 1em;
 content: 'â–¾';
content: 'a';
  color: black; */
   /* background: #fff url(../../images/down-arrow.png) no-repeat 100% 50%;  */
   overflow : hidden;
}
#imageLink{
	   /*  background: #fff url(../../images/down-arrow.png) no-repeat; */
    width: 17px;
    height: 18px;
    float: right;
}



.linearTextColor {
	color: #00ff00;
}
.QuatraticTextColor {
	color: #0000ff;
}
.ExpoTextColor {
	color: brown;
}
.logTextColor {
	color: #00ffff;
}
.RationalTextColor {
	color: #FF00FF;
}
.PowerLawTextColor {
	color: black;
}