#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/n.png) no-repeat; 

height: 47px;

width: 85px;


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;

 }