body,html {margin:0; padding:0;background-color:#003366;}
.clearfix { clear:both; }
.wrapper {
margin:0 auto;
width:1000px; 
height:700px; 
}
.upperSection {
	width:100%;
	height:50px;
	color:#000000;
	font-family:Georgia;
	background-color: #E6E6E6;
}
.middleSection {
	width:100%;
	height:470px;
	color:#E6E6E6;
	background-color:#E6E6E6;
}
.middleleftSection{
	float:left;
	width:600px;
	height:470px;
	color:#E6E6E6;
	background-color:#E6E6E6;
}
.middlerightSection {
	float:right;
	width:400px;
	height:470px;
	color:#E6E6E6;
	background-color:#E6E6E6;
}
.lowerSection{
    margin-top:auto;
	width:100%;
	height:180px;
	color:#000000;
	background-color:#E6E6E6;
}
 #fld2{
  color:#000000;
  width:200px;
  float:left;
  height: 420px;
    
  }
  #fld1{
  color:#000000;
  width:180px;
  height:40px;
  font-size:13px;
  margin-top:35px;  
  }
  #fld3{
  color:#000000;
  width:185px;
  height:420px;
  margin-top:10px;  
  }
 #ld1{
  font-size:15px;
  }
  #classify-btn,#clear-btn{
  font-size:13px;  
  }
  .canvas2d-view{
	margin:0 auto;
	width:500px;
	margin-top:10px;
}
#mycanvas1{
color:#0000FF;
background-repeat:no-repeat;
background-position:center;
background-color:#ffffff;
border:1.5px solid black;
}
.btn{
	margin:0 auto;
	width:600px;
	color:#0000FF;
/*    border:1.5px solid black;
*/}
.btn ul {
	list-style:none;
	margin:0;
	padding:0;
}
.btn ul li {
    float:left;
	display:inline-table;
	width:33%;
	text-align:center;
	
}

#btn_clr{
	float:right;
    width:150px;
	height:40px;
	border-radius:10px;
    margin-left:auto;
    margin-right:auto;
/*	box-shadow:0 3px #999; 
*/	font-size:18px;
}
/*#btn_how{
    width:150px;
	height:40px;
	border-radius:10px;
/*	align="right"
    margin-left:auto;
    margin-right:auto;
/*    box-shadow:0 3px #999; 
    font-size:18px; 
}
*//*.lowerrightlowerSection p {
	margin:0;
	display:block;
	clear:both;
}
*/
/*.middleSection .howDiv {
	margin:20px;
}
/*.middleSection span {
	display:inline-block;
	padding-bottom:10px;
}
.middleSection span.active {
	color:#ff0000;
}
*/
#out {
 display:block;
 height:30px;
 width:50%;
 color:black;
}
.clearfix {
	clear:both;
}
#table {
	height:285px;
	overflow-y:auto;
}
#mytable, #headerTable{
	width:200px;
}
#mytable {
	text-align:center;
}
#headerTable {
	border-bottom:none;
	font-weight:bold;
	text-align:center;
	font-size:14px;
}
#mytable tr td:nth-child(1) , #headerTable tr td:nth-child(1){
	width:22%;
}
#mytable tr td:nth-child(2),#mytable tr td:nth-child(3), #headerTable tr td:nth-child(2), #headerTable tr td:nth-child(3){
	width:28%;
}
#mytable tr td:nth-child(4)#headerTable tr td:nth-child(4){
	width:22%;
}
/*#myDIV {
    position: absolute;
    width: 300px;
    height: 150px;
    background-color: lightblue;
    border: 1px solid black;
}
*/
/*#DIV2 {
    position: relative;
	bottom:401px;
    width: 450px;
    height: 400px;
	visibility: hidden;
	 / -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 
  transition: width 2s;
}
*/ 
/*    background-color: coral;
*/
/*background-image:url(../images/pnn.png);
background-repeat:no-repeat;
background-position:center;
 border: 1px solid black;
*/