/* внешний DIV перекрывает всё окно */

    #box {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      display:none;
      color:#ffffff;
    }
    /* в нём находится полупрозрачный экран, на 20px меньше */

    #box-inner {
      position: absolute;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      background: black;
      opacity: 0.5;
      filter: alpha(opacity=50);
    }
    /* форма находится не в экране, а рядом с ним, чтобы не быть полупрозрачной */

    #box form {
      position: absolute;
	  font-family: Arial, Helvetica, sans-serif;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      /* центрирование */
     background: #fff;
      margin:  auto;
      /* центрирование */
      color:#000;
      font-size:22px;
      height: 227px;
      width: 450px;
      border: 3px solid #f89b51;
      padding: 5px 5px 5px 5px;
	  border-radius:10px;
	  -webkit-border-radius:10px;
      line-height:1.6;
      text-align:center;
      
    }
    #tasks
    {
        color:#ffffff;
        font-size:15px;
		background:#DAD2B9;
		display:block;
		margin: 7px center;
		padding: 17px;
		    width: 154px;
		border-radius:15px;
	  -webkit-border-radius:5px;
	  cursor:default;
    }
    #answer_user,#check_calc{padding:6px 18px;
	width: 200px;
	}
#answer_user {
	border:1px solid #f89b51;
	display:block;
	margin: 0 auto 17px;
}	

#check_calc {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:block;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
}
#check_calc:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
	}
#check_calc:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */