#timing {
   font-family:verdana,arial,sans-serif;
   font-size:1em;
   color:#333;
   line-height:1.2em;
   position:relative;
   float:left;
   width:290px;
   height:437px;
   margin-right:15px;
   border:solid 1px #ccc;
   }
#timing span {
   display:inline-block;
   width:200px;
   }
#timing span i {
   font-size:80%;
   }
#timing input {
   margin:1px 0;
   text-align:right;
   padding-right:5px;
   width:40px;
   font-size:inherit;
   color:#b00;
   border:solid 1px #ccc;
   }
#timing #btn {
   margin:0;
   width:auto;
   background:#eef9e9;
   color:#356;
   border-radius:5px;
   box-shadow: 3px 3px 2px #135;
   }
#timing #btn:hover {
   color:#b00;
   background:#fff;
   }
#timing #name {
   width:80px;
   }
#timing #webkit {
   margin-left:-10px;
   }
#timing form {
   margin:0 auto;
   width:250px;
   height:427px;
   padding:10px 20px 0 20px;
   background:#efefef;
   }
#timing form h3 {
   text-align:center;
   color:#356;
   }
#timing form p {
   text-align:center;
   }
#txtOut {
   font-family:'lucida console',monospace;
   font-size:90%;
   color:#333;
   position:absolute;
   bottom:0px;
   background:#eef9ff;
   padding:20px 5px 20px 15px;
   margin:0;
   border:none;
   border-top:solid 1px #ccc;
   width:270px !important;
   height:150px;
   resize:none;
   overflow:auto;
   }
#timing  s {
   text-decoration:none;
   position:absolute;
   font-size:75%;
   color:#356;
   bottom:5px;
   left:25px;
   }