body { font:62.5% Arial, sans-serif; margin:0; background:rgba(0,0,0,0.05); }

h2 a { color: #000; text-decoration:none; }
div#panel { width:1024px; margin:0 auto; }
div#game-field { width:1024px; height:768px; background:url('../img/field_bg.png') no-repeat 0 0; font:bold 120% Arial, sans-serif; }

div#menu-bar { width:1024px; height:60px; background:url('../img/menu_bg.png'); padding:0; color:#DDD; }
  div#control-bar { width:208px; height:60px; margin:0 0 0 16px; padding:0; float:left; }
    div.control-item { width:48px; height:60px; padding:0; margin:0; float:left; }
      div.control-item a { display:block; width:32px; height:32px; padding:13px 8px 15px 8px; margin:0; }

      div.control-item a#menu-item-home { background:url('../img/menu_btn_home.png') no-repeat 8px 13px; }
      div.control-item a#menu-item-home:hover,
      div.control-item a#menu-item-home:active { background:url('../img/menu_btn_home.png') no-repeat 8px -87px; }

      div.control-item a#menu-item-prev { background:url('../img/menu_btn_prev.png') no-repeat 8px 13px; }
      div.control-item a#menu-item-prev:hover,
      div.control-item a#menu-item-prev:active { background:url('../img/menu_btn_prev.png') no-repeat 8px -87px; }
    
      div.control-item a#menu-item-next { background:url('../img/menu_btn_next.png') no-repeat 8px 13px; }
      div.control-item a#menu-item-next:hover,
      div.control-item a#menu-item-next:active { background:url('../img/menu_btn_next.png') no-repeat 8px -87px; }
      
      div.control-item a#menu-item-play { background:url('../img/menu_btn_play.png') no-repeat 8px 13px; }
      div.control-item a#menu-item-play:hover,
      div.control-item a#menu-item-play:active { background:url('../img/menu_btn_play.png') no-repeat 8px -87px; }

  div#task { width:550px; height:44px; padding:16px 0 0 0; color:#EEE; float:left; font:160% Arial, sans-serif; text-align:center; line-height:130%; }
  div#rating-bar { width:250px; height:60px; margin:0; padding:0; float:left; }
    div.rating-item { width:38px; height:60px; padding:0; margin:0; float:left; }
    div.rating-item-0 { background:none; }
    div.rating-item-1 { background:url('../img/menu_btn_rating.png') no-repeat 0 -87px; } /* pilns vertejums */
    div.rating-item-2 { background:url('../img/menu_btn_rating.png') no-repeat 0 12px; } /* tukšs vertejums */


div.field { width:1024px; z-index:5; }
div#field-1 { height:488px; }
div#field-2 { height:444px; }

  div.task-box { width:344px; float:left; }
  div.task-box-type-1 { height:484px; }
  div.task-box-type-2 { height:350px; }
  div.task-box-type-3 { height:90px; }

  /* for TASK-BOX-[A]-[B] objects see OBJ_ANS.CSS */

  div#task-name-box { height:70px; width:970px; margin:20px 0 0 54px; float:left; }

    div#task-item { height:50px; width:430px; margin:0 0 20px 0; }
    div.task-name { height:50px; font:bold 350%/120% Arial, sans-serif; text-align:right; float:left; padding-right:20px; }
    div#task-name-1 { padding-left:40px; }
    div#task-name-2 { padding-left:30px; }
    div#task-name-3 { padding-left:0; }
    div#task-name-4 { padding-left:0; }

    div#task-play { height:50px; width:50px; float:left; }
      div#task-play a { display:block; width:50px; height:36px; padding:7px 0; margin:0; background:url('../img/task_play.png') no-repeat 0 7px }
      div#task-play a:hover,
      div#task-play a:active { background:url('../img/task_play.png') no-repeat 0 -93px; }



  div#task-target-box { width:680px; float:left; }
  div.task-target-box-type-1 { height:484px; }
  div.task-target-box-type-2 { height:350px; }
    div.target-box { float:left; }

    div.target-box-figura { width:680px; height:250px; margin:100px 0 0 0; }

    /* aplis */
    div#target-box-figura-1 div.target { width:190px; height:250px; margin:0 20px 0 0; background:#999; float:left; background:url('../img/atbildes/figura_aplis.png') no-repeat 0 -6px;}
    div#target-box-figura-1 div#target-1 { }
    div#target-box-figura-1 div#target-2 { }
    div#target-box-figura-1 div#target-3 { }

    /* ovals */
    div#target-box-figura-2 div.target { width:190px; height:250px; margin:0 20px 0 0; background:#999; float:left; background:url('../img/atbildes/figura_ovals.png') no-repeat 0 -6px; }
    div#target-box-figura-2 div#target-1 { }
    div#target-box-figura-2 div#target-2 { }
    div#target-box-figura-2 div#target-3 { }

    /* trijsturis */
    div#target-box-figura-3 div.target { width:190px; height:250px; margin:0 20px 0 0; background:#999; float:left; background:url('../img/atbildes/figura_trijsturis.png') no-repeat 0 -5px; }
    div#target-box-figura-3 div#target-1 { }
    div#target-box-figura-3 div#target-2 { }
    div#target-box-figura-3 div#target-3 { }

    /* cetrsturis */
    div#target-box-figura-4 div.target { width:190px; height:250px; margin:0 20px 0 0; background:#999; float:left; background:url('../img/atbildes/figura_cetrsturis.png') no-repeat 0 -6px; }
    div#target-box-figura-4 div#target-1 { }
    div#target-box-figura-4 div#target-2 { }
    div#target-box-figura-4 div#target-3 { }

    div#target-1 div.object,
    div#target-2 div.object,
    div#target-3 div.object { margin:40px 0 0 24px !important; }

    div#target-box-figura-3 div#target-1 div.object,
    div#target-box-figura-3 div#target-2 div.object,
    div#target-box-figura-3 div#target-3 div.object { margin:14px 0 0 26px !important; }



div.object-bar { width:1024px; padding:0; }
div#object-bar-1 { height:220px; width:1004px; padding:0 0 0 20px; background:url('../img/type_1_obj_bg.png') no-repeat 0 0; }
div#object-bar-2 { height:220px; width:974px; padding:44px 0 0 50px; background:url('../img/type_2_obj_bg.png') no-repeat 0 0; }

  div.object-outer { width:140px; height:170px; padding-bottom:10px; margin-right:15px; float:left; }
  /* TESTING div.object-outer { background-color:#999; border-bottom:10px solid #333; } */
  div.object-hlp { border-bottom:10px solid #5FD21B !important; }
  div.object-4 { width:140px; height:170px; padding-bottom:10px; margin-right:15px; z-index:10; }

  div.item-name { height:65px; width:196px; padding:0 0 0 20px; float:left; font:bold 230%/240% Arial, sans-serif; text-align:left; }
  div.item-play { height:65px; width:50px; padding:0; float:left; }
    div.item-play a { display:block; width:50px; height:36px; padding:14px 0; margin:0; background: url("../img/task_play.png") no-repeat scroll 0 14px transparent; }
    div.item-play a:hover,
    div.item-play a:active { background:url('../img/task_play.png') no-repeat 0 -86px; }

/*
div.object-2, div.object-3 { border-radius:8px; }
div#target-1, div#target-2, div#target-3 { border-radius:10px; }
*/

.do-not-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

span.bg1 { color:#999; }
span.bg2 { color:#777; }

.disabled-item { z-index: 2 !important; }
.disabled-area { z-index: 1 !important; }

.answer3-good { background-position:0 -525px !important; }
.answer3-drop-hover { background-position:0 -265px !important; }
.answer3-bad { background-position:0 -785px !important; }
.clr { clear: both; }