@import "pure-css/buttons.css";
@import "pure-css/forms.css";
@import "pure-css/pure.css";
@import "pure-css/grid.css";

div.FORM {
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 15px 12px;


  margin-top: 50px;
  text-align: center;
  min-width: 200px;
  min-height: 100px;
  margin-bottom: 50px;
}

.head{

margin:0 auto;
margin-top:10px;
text-align: center;
}

div.foot{
margin:0 auto;
margin-top:50px;
margin-bottom: 25px;
bottom:5%;
width: 50%;
left: 25%;
text-align: center;



}

table.t99{ padding: 7px; margin: 10px; text-align: center;}
th.timers_th{ border: 1px solid black; padding: 7px; margin: 10px; text-align: center;padding-top:2px;padding-bottom:2px;}
td.timers_td{ border: 1px solid black; padding: 7px; margin: 10px; text-align: center;padding-top:2px;padding-bottom:2px;}

tr.timers_tr:hover { background-color: #E0E0FF; }
table.t99 { margin: 10px auto; width:95%;}

.20{
width: 50%;
}
.30{width:30%;}
.10{width:10%;}
.15{width:15%;}
.99{width:99%;}

table.links{margin:10px auto;width:100%;text-align: center;}
.timer{
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
         -ms-hyphens: auto;
         hyphens: auto;
}

.top-links{
text-align: center;
left:25%;
width:50%;

padding: 5px 10px 10px 10px;
margin:0 auto;
margin-top: 20px;
margin-bottom: 30px;
 vertical-align: middle;
}
table.links{margin:10px auto;width:100%;text-align: center;}

th.hover-link:hover {
    background-color: #E0E0FF;

}

.botton-link{
width:100%;
height: 100px;
text-align: center;
margin: auto;

}

.red{
background:red;;
height:50px;
}
.red1{
background: red;
}

.main_block{
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 15px 12px;
  text-align: center;

  min-height: 100px;
  margin-bottom: 50px;

}