.hwdoku-view{
    font-size:50px;
    text-align:center;
    background:#ffffff;
}
.hwdoku-hide{
    width: 40px; height: 40px;font-size:25px;
    border:1px solid #dadada;
    text-align:center;
    color:red;
}
#sudoku{
    width: auto !important;
}
.hw-sudoku-tool {
    margin-bottom: 5px;
}
.hw-sudoku-tool select{
    padding:0px !important;
}
.hw-sudoku-tool input[type=submit],.hw-sudoku-tool input[type=button] {
    padding:2px !important;
}

.table {
    margin:0px;padding:0px;
    width:100%;
    box-shadow: 10px 10px 5px #888888;
    border:1px solid #ffffff;

    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.table table{
     border-collapse: collapse;
     border-spacing: 0;
     width:100%;
     height:100%;
     margin:0px;padding:0px;
 }.table tr:last-child td:last-child {
      -moz-border-radius-bottomright:0px;
      -webkit-border-bottom-right-radius:0px;
      border-bottom-right-radius:0px;
  }
.table table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.table table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.table tr:last-child td:first-child{
     -moz-border-radius-bottomleft:0px;
     -webkit-border-bottom-left-radius:0px;
     border-bottom-left-radius:0px;
 }.table tr:hover td{
      background-color:#d3e9ff;


  }
.table td{
    vertical-align:middle;

    background-color:#aad4ff;

    border:1px solid #ffffff;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    font-size:20px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
    text-align: center;
    padding: 5px !important;
}.table tr:last-child td{
     border-width:0px 1px 0px 0px;
 }.table tr td:last-child{
      border-width:0px 0px 1px 0px;
  }.table tr:last-child td:last-child{
       border-width:0px 0px 0px 0px;
   }
/*.table tr:first-child td{
    background:-o-linear-gradient(bottom, #0057af 5%, #0057af 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #0057af) );
    background:-moz-linear-gradient( center top, #0057af 5%, #0057af 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#0057af");	background: -o-linear-gradient(top,#0057af,0057af);

    background-color:#0057af;
    border:0px solid #ffffff;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}
.table tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #0057af 5%, #0057af 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0057af), color-stop(1, #0057af) );
    background:-moz-linear-gradient( center top, #0057af 5%, #0057af 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0057af", endColorstr="#0057af");	background: -o-linear-gradient(top,#0057af,0057af);

    background-color:#0057af;
}
.table tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.table tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}
*/
.hw-button {
    -moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9 !important;
    -webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9 !important;
    box-shadow:inset 0px 1px 0px 0px #7a8eb9 !important;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7)) !important;
    background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%) !important;
    background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%) !important;
    background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%) !important;
    background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%) !important;
    background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0) ;
    background-color:#637aad !important;
    border:1px solid #314179 !important;
    display:inline-block !important;
    cursor:pointer !important;
    color:#ffffff !important;
    font-family:Arial !important;
    font-size:13px !important;
    font-weight:bold !important;
    padding:0px 7px !important;
    text-decoration:none !important;
    border-radius: 0px !important;
}
.hw-button:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
    background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
    background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
    background-color:#5972a7;
    color:#fff;
}
.hw-button:active {
    position:relative;
    top:1px;
}