* {
	-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: 19px 0 0 -5px;}
        .second{margin:17.5px 0 0 1.5px;}
        .third{margin:17.5px 0 0 0px;}
        .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_BG.png);
	width: 130px;
	height: 424px;
	margin-left: 47px;
	margin-top: 28px;
	background-repeat: no-repeat;
 }
 #gameTotal
 { color: white;
     font-family: 'MyriadPro-Semibold';
    font-size: 11pt;
    font-weight: bold;
    height: 89px;
    line-height: 96px;
    padding: 0px 0 0 0px;
    text-align: center;
    width: 114px;
 }
 #target
 {    color: #54CDFF;
     font-family: 'MyriadPro-Semibold';
     font-size: 18pt;
     font-weight: bold;
     height: 44px;
     margin: 64px 0 0 -7px;
     padding: 20px 0 0;
     text-align: center;
     width: 130px;
 }
 #score
 { font-family: 'MyriadPro-Semibold';
     font-weight: bold;
     height: 75px;
     margin: 88px 0 0 -6px;
     text-align: center;
     width: 130px;
     color: #FFE554;
     font-size: 18pt;
 }
 
 #help_button
 {background:url(media/Done.png)no-repeat;height: 51px;width:93px;margin:16px 0px 0px 16px;}

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