#text_popup{
background: url("media/Open_screen.png") repeat scroll 0 0 transparent;
height: 501px;
left: 224px;
position: relative;
top: 38px;
width: 513px;
}
#instruction_box{
color: white;
font-family: helvetica,arial,sans-serif;
font-size: 16pt;
margin: 144px 0 0 109px;
position: absolute;
width: 64%;
}
#button_container{
height: 56px;
position: absolute;
top: 419px;
width: 960px;
}
* {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
html, body {
            background-color: #000;
            color: #fff;
            font-family: helvetica, arial, sans-serif;
            margin: 0px;
            padding: 0px;
            font-size: 12pt;
			overflow:auto;
}
#canvas {
     height: 600px;
    /*  width:779px;*/
     width: 788px;
     position: absolute;
     z-index: 1000;
     /*border: 1px solid #555;-->*/
       -webkit-backface-visibility:hidden; /* Chrome and Safari */
			-webkit-perspective: 1000;
			-webkit-transform: translate3d(0, 0, 0);
  }
  
  .patch{
            background:url(media/new_GUI_crops/patch.png);
            height:49px;
            width:161px;
            color:#FFFFFF;
            font-size:24pt;
            text-align:center;
            display:none;
   }
  .common{
            height:28px;
            width:28px;
            float:left;
   }
        .default_selected_level{
            background:url(media/crops_new_UI/level_indicator_unattempted.png);

        }
        .current_level_selected{
            background:url(media/crops_new_UI/level_indicator_current.png);

        }
        .passed_level_selected{
            background:url(media/crops_new_UI/level_indicator_passed.png);
	          }
			#Container
		{
		background:url(png/bg1.jpg);
		width:960px;
		height:600px;
		z-index:1000;
		margin:0px auto;
		}
		#button_container
		{
		width: 960px;
		height: 56px;
		position: absolute;
		top:468px;
		}
    #canvas_background	
	{
	display: none;
	width:960px;
	height:600px;
	background-size:100% 100%;
	margin:0px auto;
	position:relative;
     }
	 #gameTitle
	 {
	 background-image:url(media/crops_new_UI/sidebar.png);
	 display:none;
	 height:600px; 
	 width:181px; 
	 float:right
	 }
	 #game_info_container
	 {
	 height:600px;
	 width:181px;
	 position:absolute;
	 margin-left:775px;
	 display: none;
	 }
	 #patches_collection
	 {
	 background:url(media/crops_new_UI/number_BG.png);
	 width:130px;
	 height:424px;
     margin-left:36px;
	 margin-top: 15px;
 }
 #gameTotal
 {
 font-family:'helvetica bold condensed';
 font-size:24pt;
 color:white;
 font-weight:bold;
 text-align:center;
 line-height: 96px;
 }
 #target
 {
 margin:64px 0px 0px 0px;
 font-family:'helvetica bold condensed';
 font-size:45pt;
 color:#87d456;
 font-weight:bold;
 text-align:center;
 width:130px;
 height:70px;

 }
 #score
 { 
 width:130px;
 height:92px;
 margin: 88px 0px 0px;
 font-family:'helvetica bold condensed';
 font-size:45pt;
 color:#ff7e00;
 font-weight:bold;
 text-align: center;
 }
 
 #help_button
 {
background:url(media/Done.png) no-repeat; 
height: 47px;
width: 85px;
cursor:pointer;
margin:50px 0px 0px 24px;
 }

#level_indicator{
 width:140px; 
 height:28px;
 margin: -7px 0px 0px 24px;
 }
 
 /*data submit pop up*/
 div .data_submit_popup{
background:url(media/submit_button/Submit_Progress-Dialog-Box.png);
width: 321px;
height: 184px;
position: absolute;
left: 318px;
top: 208px;
z-index: 10000;
background-size: 100% 100%;
display:none;
 }
 
#x_img{
position:absolute;
right: 10px;
top: 4px;
cursor:pointer;
}

 div .data_in_submit_pop{
 width: 100%;
height: auto;
font-size: 18pt;
color: black;
position: relative;
top: 42px;
left: 69px
 }
 .data_submit_popup_buttons{
position: relative;
left: 33px;
top: 78px;
}
 .data_submit_popup_buttons span{
 padding:12px;
 cursor:pointer;
 margin:5px;
 }