    * {

	-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/n.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;

 }