* {-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;}

@font-face{   
   font-family: 'MyriadPro-Semibold';
    src: url('fonts/MyriadPro-Semibold.eot');
    src: local('?'), url('fonts/myriadpro-semibold-webfont.woff') format('woff'),
	url('fonts/MyriadPro-Semibold.ttf') format('truetype'),
	url('fonts/MyriadPro-Semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  
  html, body {
  	background-color: #000;color: #fff;font-family: MyriadPro-Semibold,helvetica, arial, sans-serif;margin:0px;padding: 0px;overflow:hidden;font-size: 12pt;
        }
        #canvas {
            height: 533px;
            /*  width:779px;*/
            width: 778px;
            position: absolute;
            z-index: 1000;
            /*border: 1px solid #555;-->*/
			}
  
        .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;
        }
        .current_level_selected{background:url(media/crops_new_UI/competed_dot.png) no-repeat;}
        .first{margin: -16px 0 0 -40px}
        .second{margin: -16px 0 0 -11px;}
        .third{margin:-16px 0 0 1px;}
        .passed_level_selected{
            background:url(media/crops_new_UI/level_indicator_passed.png);
            width:11px;
            height:11px;
        }
		*{
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
		}
		#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_BG2.png);
	height: 482px;
	margin-left: 52px;
	margin-top: 29px;
	width: 182px;
	background-repeat: no-repeat;
 }
 #gameTotal
 {  color: black;
    font-size: 16pt;
    position: relative;
	font-family: 'MyriadPro-Semibold';
    font-weight: bold;
    height: 73px;
    line-height: 96px;
	text-align: center;
    width: 114px;
	color:black;font-size:16pt
 }
 #target
 {    font-family: 'MyriadPro-Semibold';
    font-size: 18pt;
    font-weight: bold;
    height: 44px;
	margin: 0px 0 0 -6px;
    padding: 20px 0 0;
    text-align: center;
    width: 130px;
	color:black;
	
 }
 #score {
	font-family: 'MyriadPro-Semibold';
    font-weight: bold;
	height: 50px;
	margin: 133px 0 0 -4px;
    text-align: center;
    width: 126px;
 }
 
 #help_button{
	background:url(media/Done.png) no-repeat;
	height: 51px;
    margin:7px 0 0 56px;
    width: 93px;
	cursor:pointer;
	}

 #level_indicator{
	height: 28px;
    margin:29px 0 0 64px;
    width: 140px;
	}
	#toggleGame{
	cursor: pointer;
    margin:-2px 0 0 3px;
	}
	#audioControl{
	 cursor: pointer;
    margin:0 0 0 5px;
    position: absolute;
	}
.alert_cover{
	width:960px;
	height:600px;
   display:none;
   z-index:1000;
   position:absolute;
}
	.alertpopup{
	width:456px;
	height:196px;
   background:url(media/Alert_popup.png)no-repeat;
   margin-left:161px;
   margin-top:202px;
   z-index:1000;
   position:absolute;
	}
	#alertok{
		 background: url("media/ok_alert.png") no-repeat ;
    height: 51px;
    margin-left: 182px;
     margin-top: 5px;
    width: 92px;
	cursor:pointer;
	}
	
	#alerttitle{
	text-align:center;
	width:100%;
	height:auto;
	font-family: 'MyriadPro-Semibold';
    font-weight: bold;
	font-size:33px;
	color:#000000;
	margin-top:20px;
	}
	#alertdescription{
	  color: #000000;
    font-family: 'MyriadPro-Semibold';
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin-left: 9%;
    margin-top: 16px;
    text-align: left;
    width: 82%;
	}
	
	
	/*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;
 }